Solved

Flash in IFRAME causing havoc

Posted on 2010-08-23
7
594 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
Comment Utility
"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
Comment Utility
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
Comment Utility
0
IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 
LVL 75

Expert Comment

by:Michel Plungjan
Comment Utility
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
Comment Utility
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
Comment Utility
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
Comment Utility
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

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

Suggested Solutions

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…
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.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

763 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

7 Experts available now in Live!

Get 1:1 Help Now