Solved

Flash in IFRAME causing havoc

Posted on 2010-08-23
7
595 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 108

Assisted Solution

by:Ray Paseur
Ray Paseur earned 125 total points
ID: 33510729
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
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 108

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

I will show you how to create a ASP.NET Captcha control without using any HTTP HANDELRS or what so ever. you can easily plug it into your web pages. For Example a = 2 + 3 (where 2 and 3 are 2 random numbers) Session("Answer") = 5 then we…
Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework).   The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
The goal of the tutorial is to teach the user how to use the auto adjust feature and what the different options do. When your video is not working right you can choose the auto adjust feature to help choose your settings.

895 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

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now