close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

CSS dropdown menus display behind embedded QuickTime movie

Thread began 10/05/2009 6:45 pm by fredsedzed361749 | Last modified 7/06/2010 2:13 pm by ThreeToedCrow | 3926 views | 3 replies |

fredsedzed361749

CSS dropdown menus display behind embedded QuickTime movie

On several pages I have QuickTime movies near the top right-side of the page content area. When I expand a right-most menu, it displays behind the QuickTime movie.

I've seen other posts about this elsewhere on the web, but haven't hit the solution. I'm familiar with wmode="opaque" in the embed string but, of course, that only applies to Flash movies.

Here is an example where the problem occurs:

audio_about.php

I certainly appreciate any help.

Sign in to reply to this post

Eric Mittman

I was not able to get the movie to load but I was able to see the menus not going over the top of this area. Like you mentioned the wmode parameter should only apply to Flash, and it would need to be set to transparent.

The other thing I would try is to make a new div to put the movie in. For the style that is applied to this div you should try adjusting the positioning and the z-index. It is likely a combination of these settings that are causing the menus to go behind it. You will need to ensure that the positioning is the same as your menu and that the z-index is lower that that level of the menu. The higher z-index will appear on top.

Sign in to reply to this post

fredsedzed361749

Thanks for the ideas, Eric. I researched this issue quite a bit on the web and never found a solution. I messed with div index numbers and it didn't help. As near as I can determine, the QuickTime player simply insists on being on top (another web poster I found said this too) regardless of what you try to do. The best solution for me was to convert my videos from mp4 to flv (Flash). Then use the "wmode" parameter set to "opaque". There is a lot of info about this on the web. From what I read, "opaque" is the correct setting, not "transparent". Anyway, it works. Here's an example. outreach.php.

This said, if anyone has an example where they had success getting CSS drop-down menus to display on top of (not behind) a QuickTime video, I'd love to see it.

Sign in to reply to this post

support410542

use <param name="wmode" value="transparent">

I've found that you need to use the HTML version of the embed code (not JS) for the Quicktime player and then add
<param name="wmode" value="transparent">

as well as ...
wmode="transparent"
within the ending <embed> portion of the player HTML code

Note: sometimes causes a viewing problem with FF browsers

Sign in to reply to this post

neilo

This post has been deleted.

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...