Solved

Flash in IFRAME causing havoc

Posted on 2010-08-23
7
596 Views
Last Modified: 2013-11-19
Hi,

I have a website that uses a lot of video - we have decided to outsource it to another provider.

<iframe src="http://www.iplayerhd.com/playerframe/f758c95d-6f63-430a-87a6-4831abe8c4ab.aspx?autostart=true&width=560&height=325&cbartype=bottom" width="800" height="400" frameborder="no"></iframe>

If I actually look at that code by calling the URL directly I get this source:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title>
      iPlayerHD movie player
</title>
    <script src="/scripts/AC_RunActiveContent.js" type="text/javascript" ></script>
</head>
<body style="margin:0px">
<script type="text/javascript">
var flashvars = 'usefullscreen=true&autostart=true&stretching=uniform&searchbar=false&streamer=rtmp://www.iplayerhd.com/MooreCast/&image=/Upload/24aed297-caa7-42f6-818f-9009e0633b74/12079514-8845-4da5-b27d-fa2074e7f31b-iplayerbig-flyingdoor.jpg&file=24aed297-caa7-42f6-818f-9009e0633b74/f758c95d-6f63-430a-87a6-4831abe8c4ab_500.mp4&plugins=/bwd&bwd.test_url=/Images/bandwidth.jpg&bwd.checks=2&bwd.bands=500,800,1500,3000&bwd.files=24aed297-caa7-42f6-818f-9009e0633b74/f758c95d-6f63-430a-87a6-4831abe8c4ab_500.mp4,24aed297-caa7-42f6-818f-9009e0633b74/f758c95d-6f63-430a-87a6-4831abe8c4ab_800.mp4,24aed297-caa7-42f6-818f-9009e0633b74/f758c95d-6f63-430a-87a6-4831abe8c4ab_1500.mp4,24aed297-caa7-42f6-818f-9009e0633b74/f758c95d-6f63-430a-87a6-4831abe8c4ab_3000.mp4&controlbar=bottom';
AC_FL_RunContent('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0',
'width','560','height','325','align','middle','src','/jw_player','quality','high','name','myFlashMovie',
'allowscriptaccess','never','pluginspage','http://www.macromedia.com/go/getflashplayer',
'allowfullscreen','true','flashvars',flashvars);
</script>
</body>
</html>

So - my problem:
1) The website has dropdown navigation and this Flash gets in the way - I have requested that the provider adds in wmode transparent as I think that would fix it but they cannot.

Any ideas with what I have given how I can make the flash element be behind everything on the HTML page so that it does not obstruct the HTML JQUERY navigation menu?

See here the problem:
http://spain.glasscurtains.net/default.asp?access=ABC123
(wait for the flash intro to pass and you will arrive on main page where there is a video screen - try dropdown and you will see what I mean)

Thanks!
0
Comment
Question by:intangiblemedia
7 Comments
 
LVL 39

Accepted Solution

by:
blue-genie earned 125 total points
ID: 33508181
"wmode transparent as I think that would fix it but they cannot. " - use swf object to embed you can set the wmode in the embed code, you don't need the developer.
0
 
LVL 75

Assisted Solution

by:Michel Plungjan
Michel Plungjan earned 125 total points
ID: 33508190
I also get

Error: Permission denied for <http://www.iplayerhd.com> to call method Location.toString on <http://spain.glasscurtains.net>.

And a
Server not found: rtmp://www.iplayerhd.com/MoreCast
in the frame

but why would they not be able to do transparent?

Last thing. I only see the HUGE product dropdown being an issue since it stretches across to the mini movie on the right.
I suggest you put it in a page of its own and problem is solved.


0
 
LVL 109

Assisted Solution

by:Ray Paseur
Ray Paseur earned 125 total points
ID: 33510729
0
Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 33510764
Ray: Are any of those errors which pertains to the EMBED (7 errors) and one image (missing alt) relevant to the missing wmode on the embedded video in the iframe?
0
 
LVL 109

Expert Comment

by:Ray Paseur
ID: 33510856
Good question, Michel.  I'm not sure.  It just looked suspicious to me.

I've used Vimeo to embed video in web pages.  Very sleek, professional and user-friendly.
0
 
LVL 12

Assisted Solution

by:Dean OBrien
Dean OBrien earned 125 total points
ID: 33541065
I believe the only solution is the 'wmode' as you mention.

If the third party site wont allow a change to the wmode, then you either need to get the direct URL for the video on their site, or host it your self.

Then use code similar to below to embed directly into your page rather than using the IFRAME.

Easynow
<!--[if !IE]> -->
			<object type="application/x-shockwave-flash" data="test.swf" width="787px" height="359px" wmode="transparent">
		<!-- <![endif]-->
		<!--[if IE]>
			<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="787px" height="359px">
			<param name="movie" value="test.swf">
		<!--><!--dgx-->
			<param name="loop" value="true">
  			<param name="menu" value="false">
  			<param name="wmode" value="transparent">

  			<img src="AltBanner.jpg">
			</object>
		<!-- <![endif]-->

Open in new window

0
 

Author Comment

by:intangiblemedia
ID: 33612099
Thanks all, I think the swf object would have worked but I couldnt test it as the deployment needed to move quicker than allowed me for further testing.
0

Featured Post

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Shoutout to Emily Plummer (http://www.experts-exchange.com/members/eplummer26.html) for giving me this article! She did most of it, I just finished it up and posted it for her :)    Introduction In a previous article (http://www.experts-exchang…
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
This Micro Tutorial will teach to how to utilize bit rate in Adobe Flash Media Live Encoder.

785 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question