Solved

Flash in IFRAME causing havoc

Posted on 2010-08-23
7
602 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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 110

Assisted Solution

by:Ray Paseur
Ray Paseur earned 125 total points
ID: 33510729
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
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 110

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

Online Training Solution

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action. Forget about retraining and skyrocket knowledge retention rates.

Question has a verified solution.

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

Introduction Since I wrote the original article about Handling Date and Time in PHP and MySQL several years ago, it seemed like now was a good time to update it for object-oriented PHP.  This article does that, replacing as much as possible the pr…
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
The goal of the tutorial is to teach the user how to set there setting in Adobe Flash Media Live Encoder and YouTube for optimal video and audio quality.
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…
Suggested Courses

617 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