My favorites | Sign in
Project Home Downloads Issues
READ-ONLY: This project has been archived. For more information see this post.
Search
for
  Advanced search   Search tips   Subscriptions
Issue 450: NyroModal freezes for 5-7 seconds when loading swfObject in IE7 and IE8
2 people starred this issue and may be notified of changes. Back to list
Status:  Fixed
Owner:  ----
Closed:  Apr 2010


 
Reported by jeff.she...@gmail.com, Mar 25, 2010
Im experiencing a temporary freeze when loading a swfObject into a nyro modal.  The loading animation freezes and all. (Ive noticed nyromodal runs pretty slow in 
general in IE. Runs perfectly in all other browsers.)

Have you experienced anything like this before? if so, any way to remedy the problem?



code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Product Page</title>						
<link rel="stylesheet" href="css/nyroModal.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="js/jquery.nyroModal-1.6.2.pack.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>

<!-- swfObject -->	
	<script type="text/javascript">
		var flashvars = {};
		flashvars.videoURL = "http://videos.buy.com/videos/buytv/2010/203/203_Sony_CW.mp4";
		flashvars.defaultvolume = "0";
		var params = {};
		params.play = "true";
		params.loop = "true";
		params.menu = "true";
		params.quality = "best";
		params.wmode = "transparent";
		params.bgcolor = "#ffffff";
		params.devicefont = "false";
		params.allowfullscreen = "true";
		params.allowscriptaccess = "always";
		var attributes = {};
		attributes.id = "flashHere";
		attributes.name = "video_player";
		attributes.align = "middle";
		swfobject.embedSWF("http://www.buy.com/retail/flash/players/buytv/video_player.swf", "myAlternativeContent", "790", "444", "9.0.0", false, flashvars, 
params, attributes);
	</script>
							
	<!-- Modal -->						
	<script type="text/javascript">

	$(function() {
		$.nyroModalSettings({
			debug: false,
			windowResize: false,
			bgColor: '#fff',

		});
	
	
	});
	</script>

</head>
<body>

                                        <a href="#prodVideo" class="nyroModal">Play Video</a></div>



					<div id="prodVideo" class="wrapper" style="display: none;">
					<div style="margin: 20px;">	
						<div class="tabArea">
						  <a href="#prodImages" class="nyroModal"><li class="tab">Images</li></a>
						 <a> <li class="tab activeTab">Videos</li>	  </a>
						</div><!-- tabArea -->
					
						<div id="myAlternativeContent">
							
						</div>
			
						<div id="otherVids">
							<div class="vidThumb"><img src="img/tmb_vid1.jpg"><a href="#" class="play">Play Video</a></div>
							<div class="vidThumb"><img src="img/tmb_vid2.jpg"><a href="#" class="play">Play Video</a></div>
							<div class="vidThumb"><img src="img/tmb_vid3.jpg"><a href="#" class="play">Play Video</a></div>
							<div class="vidThumb"><img src="img/tmb_vid1.jpg"><a href="#" class="play">Play Video</a></div>
						</div><!-- otherVids -->								 

					</div>
					</div><!-- prodVideo -->

</body>
</html>

Mar 26, 2010
#1 jeff.she...@gmail.com
have some more info on this...

i think i know the problem...

On first launch it works just fine. But if you close the modal and reopen then this problem occurs. I believe 
the video is still running in the background after close and is causing proccess problems when one attempts 
to reopen the modal.

how would i kill the video entirely on modal close?

thank you in advance for any help on this!

Apr 17, 2010
Project Member #2 nyro...@gmail.com
Instead of adding the flash object at the loading page, I would recomand add it once
the modal is loaded.
Then remove it when the modal is closed to free the memory of it.

You can use the endFillContent or endShowContent callback to add it and the endRemove
to remove it.

Hope it helped.
Status: Fixed

Powered by Google Project Hosting