Flash in IFRAME causing havoc

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!
intangiblemediaAsked:
Who is Participating?
 
blue-genieConnect With a Mentor Commented:
"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
 
Michel PlungjanConnect With a Mentor IT ExpertCommented:
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
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 
Michel PlungjanIT ExpertCommented:
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
 
Ray PaseurCommented:
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
 
Dean OBrienConnect With a Mentor Commented:
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
 
intangiblemediaAuthor Commented:
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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.