Flash content blocks Menu dropdowns

SOS. I have a page with a horizontal menubar with dropdown
submenus, created in Project 7's PopMenu. The menus work fine on
text pages, but when the dropdown menus intersect a Flash video,
the display of the submenu is erratic.
Sample page at:
http://www.djfilms.ca/anims/swamp.html
I seem to recall that Active X controls are a problem, but I
can't find an answer anywhere, hence this squawk for help.
Any assistance gratefully received. Regards, David,
Ottawa

All Active content on a page will always rise to the top, so
to speak,
including Flash, certain form elements, Java applets, and
Active X controls.
This means that each of these will poke through layers. There
is not a good
cross-browser/platform reliable way to solve this issue, but
if you can be
confident in your visitors using IE 5+ or NN6+, then you can
use the Flash
wmode parameter (however, Safari does not support this
properly!).
Adobe articles:
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_15523
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_14201
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"djfilms9" <[email protected]> wrote in
message
news:f2fnrt$iui$[email protected]..
> SOS. I have a page with a horizontal menubar with
dropdown submenus,
> created in
> Project 7's PopMenu. The menus work fine on text pages,
but when the
> dropdown
> menus intersect a Flash video, the display of the
submenu is erratic.
>
> Sample page at:
http://www.djfilms.ca/anims/swamp.html
>
> I seem to recall that Active X controls are a problem,
but I can't find an
> answer anywhere, hence this squawk for help.
>
> Any assistance gratefully received. Regards, David,
Ottawa
>

Similar Messages

Spry menu bar content displays under flash content

I have a spry menu bar with sub bars and below that menu bar
I have flash video. Well, the submenu content of menu bar is not
fully displayed, as flash content blocks it. Is it possible to
order the flash content (or menu bar) somehow i.e send to back,
bring to front?

All Active content on a page will always rise to the top, so
to speak,
including Flash, certain form elements, Java applets, and
Active X controls.
This means that each of these will poke through layers. There
is not a good
cross-browser/platform reliable way to solve this issue, but
if you can be
confident in your visitors using IE 5+ or NN6+, then you can
use the Flash
wmode parameter (however, Safari does not support this
properly!).
Adobe articles:
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_15523
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_14201
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"-NewCoder-" <[email protected]> wrote in
message
news:f0e1lp$mum$[email protected]..
>I have a spry menu bar with sub bars and below that menu
bar I have flash
> video. Well, the submenu content of menu bar is not
fully displayed, as
> flash
> content blocks it. Is it possible to order the flash
content (or menu bar)
> somehow i.e send to back, bring to front?
>

Block audio from Flash content

There are times when I want to load a flash content (I have Click2Flash), but I don't want its audio to load. How can I do this (if at all)? Is there any extension for Safari that does this? What about Chrome?
Of course, I'm not asking how to turn down my volume—often I have stuff playing in the background, and I want to load some Flash but not its annoying audio track. Many Flash videos/content don't have a Mute button either.

I use Audio Hijack Pro
<http://www.rogueamoeba.com/audiohijackpro/>
to hijack the browser, then use the Mute button in Audio Hijack Pro. That blocks just the browser audio. If you are going to use it for just muting, it will probably continue to work even if you don't buy it.

Blocking all flash content with Opera

Hi!
How can I block all flash content except Youtube with Opera?
Do you know any system wide methods to block flash (except youtube)?
cheers

Press F12 (or "Tools > Quick Preferences") and disable plug-ins. Then go to youtube.com, right-click and choose "Edit Site preferences". Add youtube.com (delete the www.) and enable plug-ins on the Content tab.
Not all flash content on Youtube comes from youtube.com, so you probably have to create more exceptions over time.
Last edited by byte (2008-10-03 16:25:52)

Why does Mac block flash content and is it a bad idea to install adobe flash

Help me please...Why does Mac block flash content and is it a bad idea to install adobe flash?

http://forums.adobe.com/thread/1195540

Flash content renders above everything else

This is something that has been happening since even way before I upgraded to Safari 5. Every page that has any flash content renders the flash on top of everything else.
Example: a site with a dropdown menu and a large content slider made with flash, the flash covers the dropdown menu making it impossible to click the links. Or heres an example that I have a screenshot of:
http://img4.imageshack.us/img4/5820/flashk.png
Here the flash covers only part of the content but its annoying especially on sites built with large flash areas. Is there a fix for this? This has been happening for as long as I can remember.

Honestly I cannot find any other sites, I know there are many out there I just cant remember the name. Regardless this happens no matter what, for some reason my Safari renders Flash the top layer in ANY instance. I can try to explain another site I remember distinctly: The site had a header much like the Apple site here except that the menu was a CSS dropdown menu. Right below the menu was a sort of "headlines/highlights" section which spanned the full width of the webpage design and it was build purely with flash. Now, every time you hover over one of the menu items they drop down, right below the flash so I couldn't read the links or even click them because Flash was stacked on top.
Another example I can think of is sites that use a javascript/jquery image viewer where you'd click a thumbnail and it would pop it up full size (like Gizmodo does with their galleries). Now if there is a banner ad on the side and I click an image it will come up full size but it doesn't cover the whole page like it should, it covers everything but the flash.

CSS Menu - Dropdown list help.

Hi guys,
I am re-creating a website for a friend and I am currently finding coding the CSS Menu difficult.
Here is MY version of the website:
http://abacusmortgages.co.uk/index.html
Here is the current version I am trying to copy:
http://sdhmarketing.co.uk/
Pages: Our client types and What do you need have special css menu dropdown lists which come up when you hover over the button.
Here is the CSS code I have so far:
#holding ul {
          margin: 0px;
          padding-left: 0px;
          list-style-type: none;
          font-family: Arial;
          font-size: 14px;
          font-weight: bolder;
          color: #506F1A;
          background-image: url(images/navbg.jpg);
          position: absolute;
          left: 0px;
          top: -3px;
#holding ul li {
          float: left;
          width: 200px;
          margin: 0px;
          font-weight: bold;
#holding ul li a {
          font-family: Arial;
          font-size: 11pt;
          color: #506F1A;
          text-decoration: none;
          background-color: Transparent;
          text-align: center;
          display: block;
          padding: 5px;
#navigation {
#holding ul li a:hover {
          color: #FFF;
          background-color: #333;
          font-weight: bolder;
          font-size: 14px;
.menu {
Here is the HTML I am using:
<ul>
    <li><a href="index.html">HOME</a></li>
    <li><a href="ourclienttypes.html">OUR CLIENT TYPES</a></li>
    <li><a href="whatdoyouneed.html">WHAT DO YOU NEED?</a></li>
    <li><a href="casestudies.html">CASE STUDIES</a></li>
    <li><a href="managementteam.html">MANAGEMENT TEAM</a></li>
</ul>
If anyone could help it would be much appreciated.
Thanks all!

You, essentially, have an issue with float: left;
Here's the deal, when you float list items left, they'll line up to the left, even though your navigation is centered.
They have also done this website in a manner that does not line up with what the W3C considers a standard for websites, but that's another issue.
Here's their HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>wanted</title>
<link href="wanted.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="page">
<div id="head">
<div style="width:100%; float:left;">
    <div id="name2"></div>
    <div id="name1"></div>
</div>
<div id="slogan"></div>
</div>
<div id="top"><a class="topsel1" href = "http://sdhmarketing.co.uk/index.php">HOME</a><a class="top1" href = "http://sdhmarketing.co.uk/who.php">OUR CLIENT TYPES</a><a class="top1" href = "http://sdhmarketing.co.uk/what.php">WHAT DO YOU NEED?</a><a class="top1" href = "http://sdhmarketing.co.uk/case_studies.php">CASE STUDIES</a><a class="top1" href = "http://sdhmarketing.co.uk/team.php">MANAGEMENT TEAM</a> </div>
<div id="maintop"></div>
</body>
</html>
Now, here's the problem. They have one line with all of their navigation. So they started out with (on the same line):
HOME OUR CLIENT TYPES WHAT DO YOU NEED? CASE STUDIES MANAGEMENT TEAM
Then, they selected each menu item and gave it a style and a link. That's pretty bad practice, because how do you manage that? Also, how do blind people figure out it's a navigation? Also, what if you want sub-menus?
But you like how it's pretty and I respect that.
This is how to really do it:
HTML:
<div id="top">
<ul>
          <li>HOME</li>
    <li>OUR CLIENT TYPES</li>
    <li>WHAT DO YOU NEED?</li>
    <li>CASE STUDIES</li>
          <li>MANAGEMENT TEAM</li>
</ul> 
</div> 
You see here, I have an Unordered List for my navigation. Because it's an unordered list, I can easily add new items, add sub-lists (drop-down menus) and really make this puppy sing. Unfortunately, when you look at this with no style, you'll see something pretty boring and it won't be horizontal. We change all of that in the style sheet.
First, before we do anything else, we'll make everything into a link. We can change those links later on when we build the rest of our pages.
<ul>
          <li><a href="#">HOME</a></li>
    <li><a href="#">OUR CLIENT TYPES</a></li>
    <li><a href="#">WHAT DO YOU NEED?</a></li>
    <li><a href="#">CASE STUDIES</a></li>
          <li><a href="#">MANAGEMENT TEAM</a></li>
</ul> 
An hash "#" is a link that simply calls the page you are on. It's a bona-fide link and it will create what you want.
Now, we need to set up styles.
Let's set up the list by getting rid of bullet points (the default) and give it a little padding:
Make a new style sheet, call it how-to.css. It will be blank so we'll add a style. We will need to link to it from our HTML page, so add the following to the <head> section:
<link href="how-to.css" rel="stylesheet" type="text/css" />
Now, we make a blank CSS page and we call it how-to.css. Put it in the root of your defined site in Dreamweaver for now. And we'll define list objects within the div they naked top:
#top li {
          display: inline;
          list-style-type: none;
          padding-right: 20px;
Now, you'll see that our list is suddenly horizontal! Cool! But links are blue by default and underlined. Did we want that? No. So let's style links:
#top a {
          float:left;
          padding: 5px 20px 2px 20px;
          font-size: 13px;
          height:23px;
          color:#506F1A;
          display: block;
          letter-spacing: -0.2px;
          font-weight: bold;
          text-decoration: none;
Now, I'm borrowing heavily from their styles here.
But we have to set up the #top framework and here's that (it should go before everything else in your style sheet)
#top {
          width:990px;
          padding:0px 10px 0px 0px;
          height:35px;
          margin:0px 0 0 0;
          background-image: url("navbg.jpeg");
          background-repeat: repeat-x;
Now, it's just about done. They used an Arial typeface and the default is Times Roman. Let's add a little more to the #top id:
Now let's make backgrounds change when we hover and when we have one selected.
#top a:hover {
          background-color: #444;
          color: #fff;
And make a background behind the page you are on, with a hover:
.selected {
          background-color:#777777;
          color:white !important;
.selected a:hover {
          background-color: #444;
          color: #fff;
Now you're pretty much done.
Here is how to style the entire thing in CSS:
#top {
          width:990px;
          padding:0px 10px 0px 0px;
          height:35px;
          margin:0px 0 0 0;
          background-image: url("navbg.jpeg");
          background-repeat: repeat-x;
          font-family: Arial, Helvetica, sans-serif;
#top li {
          display: inline;
          list-style-type: none;
          padding-right: 20px;
#top a {
          float:left;
          padding: 10px 20px 5px 20px;
          font-size: 13px;
          height:26px;
          color:#506F1A;
          display: block;
          letter-spacing: -0.2px;
          font-weight: bold;
          text-decoration: none;
          margin-top: -5px;
#top a:hover {
          background-color: #444;
          color: #fff;
.selected {
          background-color:#777777;
          color:white !important;
.selected a:hover {
          background-color: #444;
          color: #fff;

Round borders are not round but jagged edges above flash content

My JQuery dropdown menu shows round borders when mouse over.
It looks fine on IE & Chrome, but it has jagged edges above flash content on FF16.
My code is "border-radius: 8px 8px 8px 8px;"
Please, take a look at my screen shot and help me to fix this issue.
https://dl.dropbox.com/u/91354270/FF16-error.jpg

Thanks for the reply valf - you can see a trial version of the page here http://www.banded.co.uk/festighoul_trial.html
Notice that there is a large empty black div at the top of the pagewhere flash content should be playing... The tool tip trigger is nearer the bottom of the page (a graphic of a '?')
Thanks

Why is my flash content not working on my dreamweaver created html site?

This is a problem that's happening on my website I'm creating. I created a quick test website to show you the problem on the fourm. It's the same problem, and if you can provide the solution to this test website I can apply it to my main website.
Test website on server:
test331754952.net23.net
What I did:
-launched flash
-typed "test" and made it spin 360 degrees
-published swf
-launched dreamweaver
-created a site
-moved swf to site folder
-saved a html file to the site folder
-in dreamweaver, went to insert, media, swf, then selected the swf I made
-it inserted the swf, creating a gray placeholder for it
-re-saved the html document, at which point dreamweaver created a folder named script and 2 files, an swf, and a javascript file
Site Directory:
Scripts Sub-Directory:
What happens:
-when I launch the swf on my machine, it plays fine
-when I open the swf directly on the test website on the server, it plays fine
-when I open the html with the embended swf on the test website on the server, it shows a gray box, then goes white
-In dreamweaver, when I go to preview in browser and choose internet explorer, it tells me I don't have new flashplayer(I do: flashplayer 11)
Ie also pokes up a box at the bottom that says its not allowing content. When I click allow content, it creates a gray box
-In dreamweaver, when I go to preview in borwser and choose google chrome, it tells me flash player has stopped a potentionally unsafe operation. When I close this dialog box, it gives me a gray box where my swf should be embeded.
-I've tried changing global flash secuirty setting and it does nothing
-I've tried visiting the test website on multiple computers in my household to no avail
-I've tried having friends visit the site on their computer at their house to no avail
-I did't touch the code on this test website-the code is exactly what dreamweaver generated
Html Document Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400" id="FlashID" title="test">
<param name="movie" value="test.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="15.0.0.0" />

<param name="expressinstall" value="Scripts/expressInstall.swf" />


<object type="application/x-shockwave-flash" data="test.swf" width="550" height="400">
    
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="15.0.0.0" />
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    
    <div>
      <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
    </div>
    
</object>

</object>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>
Javascript file code(the one dreamweaver made when I inserted swf):
/*! SWFObject v2.0 <http://code.google.com/p/swfobject/>
Copyright (c) 2007 Geoff Stearns, Michael Williams, and Bobby van der Sluis
This software is released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
var swfobject = function() {
var UNDEF = "undefined",
OBJECT = "object",
SHOCKWAVE_FLASH = "Shockwave Flash",
SHOCKWAVE_FLASH_AX = "ShockwaveFlash.ShockwaveFlash",
FLASH_MIME_TYPE = "application/x-shockwave-flash",
EXPRESS_INSTALL_ID = "SWFObjectExprInst",
win = window,
doc = document,
nav = navigator,
domLoadFnArr = [],
regObjArr = [],
timer = null,
storedAltContent = null,
storedAltContentId = null,
isDomLoaded = false,
isExpressInstallActive = false;
/* Centralized function for browser feature detection
- Proprietary feature detection (conditional compiling) is used to detect Internet Explorer's features
- User agent string detection is only used when no alternative is possible
- Is executed directly for optimal performance
var ua = function() {
var w3cdom = typeof doc.getElementById != UNDEF && typeof doc.getElementsByTagName != UNDEF && typeof doc.createElement != UNDEF && typeof doc.appendChild != UNDEF && typeof doc.replaceChild != UNDEF && typeof doc.removeChild != UNDEF && typeof doc.cloneNode != UNDEF,
   playerVersion = [0,0,0],
   d = null;
if (typeof nav.plugins != UNDEF && typeof nav.plugins[SHOCKWAVE_FLASH] == OBJECT) {
   d = nav.plugins[SHOCKWAVE_FLASH].description;
   if (d) {
    d = d.replace(/^.*\s+(\S+\s+\S+$)/, "$1");
    playerVersion[0] = parseInt(d.replace(/^(.*)\..*$/, "$1"), 10);
    playerVersion[1] = parseInt(d.replace(/^.*\.(.*)\s.*$/, "$1"), 10);
    playerVersion[2] = /r/.test(d) ? parseInt(d.replace(/^.*r(.*)$/, "$1"), 10) : 0;
else if (typeof win.ActiveXObject != UNDEF) {
   var a = null, fp6Crash = false;
   try {
    a = new ActiveXObject(SHOCKWAVE_FLASH_AX + ".7");
   catch(e) {
    try {
     a = new ActiveXObject(SHOCKWAVE_FLASH_AX + ".6");
     playerVersion = [6,0,21];
     a.AllowScriptAccess = "always"; // Introduced in fp6.0.47
    catch(e) {
     if (playerVersion[0] == 6) {
      fp6Crash = true;
    if (!fp6Crash) {
     try {
      a = new ActiveXObject(SHOCKWAVE_FLASH_AX);
     catch(e) {}
   if (!fp6Crash && a) { // a will return null when ActiveX is disabled
    try {
     d = a.GetVariable("$version"); // Will crash fp6.0.21/23/29
     if (d) {
      d = d.split(" ")[1].split(",");
      playerVersion = [parseInt(d[0], 10), parseInt(d[1], 10), parseInt(d[2], 10)];
    catch(e) {}
var u = nav.userAgent.toLowerCase(),
   p = nav.platform.toLowerCase(),
   webkit = /webkit/.test(u) ? parseFloat(u.replace(/^.*webkit\/(\d+(\.\d+)?).*$/, "$1")) : false, // returns either the webkit version or false if not webkit
   ie = false,
   windows = p ? /win/.test(p) : /win/.test(u),
   mac = p ? /mac/.test(p) : /mac/.test(u);
/*@cc_on
   ie = true;
   @if (@_win32)
    windows = true;
   @elif (@_mac)
    mac = true;
   @end
return { w3cdom:w3cdom, pv:playerVersion, webkit:webkit, ie:ie, win:windows, mac:mac };
/* Cross-browser onDomLoad
- Based on Dean Edwards' solution: http://dean.edwards.name/weblog/2006/06/again/
- Will fire an event as soon as the DOM of a page is loaded (supported by Gecko based browsers - like Firefox -, IE, Opera9+, Safari)
var onDomLoad = function() {
if (!ua.w3cdom) {
   return;
addDomLoadEvent(main);
if (ua.ie && ua.win) {
   try { // Avoid a possible Operation Aborted error
    doc.write("<scr" + "ipt id=__ie_ondomload defer=true src=//:></scr" + "ipt>"); // String is split into pieces to avoid Norton AV to add code that can cause errors
    var s = getElementById("__ie_ondomload");
    if (s) {
     s.onreadystatechange = function() {
      if (this.readyState == "complete") {
       this.parentNode.removeChild(this);
       callDomLoadFunctions();
   catch(e) {}
if (ua.webkit && typeof doc.readyState != UNDEF) {
   timer = setInterval(function() { if (/loaded|complete/.test(doc.readyState)) { callDomLoadFunctions(); }}, 10);
if (typeof doc.addEventListener != UNDEF) {
   doc.addEventListener("DOMContentLoaded", callDomLoadFunctions, null);
addLoadEvent(callDomLoadFunctions);
function callDomLoadFunctions() {
if (isDomLoaded) {
   return;
if (ua.ie && ua.win) { // Test if we can really add elements to the DOM; we don't want to fire it too early
   var s = createElement("span");
   try { // Avoid a possible Operation Aborted error
    var t = doc.getElementsByTagName("body")[0].appendChild(s);
    t.parentNode.removeChild(t);
   catch (e) {
    return;
isDomLoaded = true;
if (timer) {
   clearInterval(timer);
   timer = null;
var dl = domLoadFnArr.length;
for (var i = 0; i < dl; i++) {
   domLoadFnArr[i]();
function addDomLoadEvent(fn) {
if (isDomLoaded) {
   fn();
else {
   domLoadFnArr[domLoadFnArr.length] = fn; // Array.push() is only available in IE5.5+
/* Cross-browser onload
- Based on James Edwards' solution: http://brothercake.com/site/resources/scripts/onload/
- Will fire an event as soon as a web page including all of its assets are loaded
function addLoadEvent(fn) {
if (typeof win.addEventListener != UNDEF) {
   win.addEventListener("load", fn, false);
else if (typeof doc.addEventListener != UNDEF) {
   doc.addEventListener("load", fn, false);
else if (typeof win.attachEvent != UNDEF) {
   win.attachEvent("onload", fn);
else if (typeof win.onload == "function") {
   var fnOld = win.onload;
   win.onload = function() {
    fnOld();
    fn();
else {
   win.onload = fn;
/* Main function
- Will preferably execute onDomLoad, otherwise onload (as a fallback)
function main() { // Static publishing only
var rl = regObjArr.length;
for (var i = 0; i < rl; i++) { // For each registered object element
   var id = regObjArr[i].id;
   if (ua.pv[0] > 0) {
    var obj = getElementById(id);
    if (obj) {
     regObjArr[i].width = obj.getAttribute("width") ? obj.getAttribute("width") : "0";
     regObjArr[i].height = obj.getAttribute("height") ? obj.getAttribute("height") : "0";
     if (hasPlayerVersion(regObjArr[i].swfVersion)) { // Flash plug-in version >= Flash content version: Houston, we have a match!
      if (ua.webkit && ua.webkit < 312) { // Older webkit engines ignore the object element's nested param elements
       fixParams(obj);
      setVisibility(id, true);
     else if (regObjArr[i].expressInstall && !isExpressInstallActive && hasPlayerVersion("6.0.65") && (ua.win || ua.mac)) { // Show the Adobe Express Install dialog if set by the web page author and if supported (fp6.0.65+ on Win/Mac OS only)
      showExpressInstall(regObjArr[i]);
     else { // Flash plug-in and Flash content version mismatch: display alternative content instead of Flash content
      displayAltContent(obj);
   else { // If no fp is installed, we let the object element do its job (show alternative content)
    setVisibility(id, true);
/* Fix nested param elements, which are ignored by older webkit engines
- This includes Safari up to and including version 1.2.2 on Mac OS 10.3
- Fall back to the proprietary embed element
function fixParams(obj) {
var nestedObj = obj.getElementsByTagName(OBJECT)[0];
if (nestedObj) {
   var e = createElement("embed"), a = nestedObj.attributes;
   if (a) {
    var al = a.length;
    for (var i = 0; i < al; i++) {
     if (a[i].nodeName.toLowerCase() == "data") {
      e.setAttribute("src", a[i].nodeValue);
     else {
      e.setAttribute(a[i].nodeName, a[i].nodeValue);
   var c = nestedObj.childNodes;
   if (c) {
    var cl = c.length;
    for (var j = 0; j < cl; j++) {
     if (c[j].nodeType == 1 && c[j].nodeName.toLowerCase() == "param") {
      e.setAttribute(c[j].getAttribute("name"), c[j].getAttribute("value"));
   obj.parentNode.replaceChild(e, obj);
/* Fix hanging audio/video threads and force open sockets and NetConnections to disconnect
- Occurs when unloading a web page in IE using fp8+ and innerHTML/outerHTML
- Dynamic publishing only
function fixObjectLeaks(id) {
if (ua.ie && ua.win && hasPlayerVersion("8.0.0")) {
   win.attachEvent("onunload", function () {
    var obj = getElementById(id);
    if (obj) {
     for (var i in obj) {
      if (typeof obj[i] == "function") {
       obj[i] = function() {};
     obj.parentNode.removeChild(obj);
/* Show the Adobe Express Install dialog
- Reference: http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=6a253b75
function showExpressInstall(regObj) {
isExpressInstallActive = true;
var obj = getElementById(regObj.id);
if (obj) {
   if (regObj.altContentId) {
    var ac = getElementById(regObj.altContentId);
    if (ac) {
     storedAltContent = ac;
     storedAltContentId = regObj.altContentId;
   else {
    storedAltContent = abstractAltContent(obj);
   if (!(/%$/.test(regObj.width)) && parseInt(regObj.width, 10) < 310) {
    regObj.width = "310";
   if (!(/%$/.test(regObj.height)) && parseInt(regObj.height, 10) < 137) {
    regObj.height = "137";
   doc.title = doc.title.slice(0, 47) + " - Flash Player Installation";
   var pt = ua.ie && ua.win ? "ActiveX" : "PlugIn",
    dt = doc.title,
    fv = "MMredirectURL=" + win.location + "&MMplayerType=" + pt + "&MMdoctitle=" + dt,
    replaceId = regObj.id;
   // For IE when a SWF is loading (AND: not available in cache) wait for the onload event to fire to remove the original object element
   // In IE you cannot properly cancel a loading SWF file without breaking browser load references, also obj.onreadystatechange doesn't work
   if (ua.ie && ua.win && obj.readyState != 4) {
    var newObj = createElement("div");
    replaceId += "SWFObjectNew";
    newObj.setAttribute("id", replaceId);
    obj.parentNode.insertBefore(newObj, obj); // Insert placeholder div that will be replaced by the object element that loads expressinstall.swf
    obj.style.display = "none";
    win.attachEvent("onload", function() { obj.parentNode.removeChild(obj); });
   createSWF({ data:regObj.expressInstall, id:EXPRESS_INSTALL_ID, width:regObj.width, height:regObj.height }, { flashvars:fv }, replaceId);
/* Functions to abstract and display alternative content
function displayAltContent(obj) {
if (ua.ie && ua.win && obj.readyState != 4) {
   // For IE when a SWF is loading (AND: not available in cache) wait for the onload event to fire to remove the original object element
   // In IE you cannot properly cancel a loading SWF file without breaking browser load references, also obj.onreadystatechange doesn't work
   var el = createElement("div");
   obj.parentNode.insertBefore(el, obj); // Insert placeholder div that will be replaced by the alternative content
   el.parentNode.replaceChild(abstractAltContent(obj), el);
   obj.style.display = "none";
   win.attachEvent("onload", function() { obj.parentNode.removeChild(obj); });
else {
   obj.parentNode.replaceChild(abstractAltContent(obj), obj);
function abstractAltContent(obj) {
var ac = createElement("div");
if (ua.win && ua.ie) {
   ac.innerHTML = obj.innerHTML;
else {
   var nestedObj = obj.getElementsByTagName(OBJECT)[0];
   if (nestedObj) {
    var c = nestedObj.childNodes;
    if (c) {
     var cl = c.length;
     for (var i = 0; i < cl; i++) {
      if (!(c[i].nodeType == 1 && c[i].nodeName.toLowerCase() == "param") && !(c[i].nodeType == 8)) {
       ac.appendChild(c[i].cloneNode(true));
return ac;
/* Cross-browser dynamic SWF creation
function createSWF(attObj, parObj, id) {
var r, el = getElementById(id);
if (typeof attObj.id == UNDEF) { // if no 'id' is defined for the object element, it will inherit the 'id' from the alternative content
   attObj.id = id;
if (ua.ie && ua.win) { // IE, the object element and W3C DOM methods do not combine: fall back to outerHTML
   var att = "";
   for (var i in attObj) {
    if (attObj[i] != Object.prototype[i]) { // Filter out prototype additions from other potential libraries, like Object.prototype.toJSONString = function() {}
     if (i == "data") {
      parObj.movie = attObj[i];
     else if (i.toLowerCase() == "styleclass") { // 'class' is an ECMA4 reserved keyword
      att += ' class=" + attObj[i] + "';
     else if (i != "classid") {
      att += ' ' + i + '="' + attObj[i] + '"';
   var par = "";
   for (var j in parObj) {
    if (parObj[j] != Object.prototype[j]) { // Filter out prototype additions from other potential libraries
     par += '<param name="' + j + '" value="' + parObj[j] + '" />';
   el.outerHTML = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"' + att + '>' + par + '</object>';
   fixObjectLeaks(attObj.id); // This bug affects dynamic publishing only
   r = getElementById(attObj.id);
else if (ua.webkit && ua.webkit < 312) { // Older webkit engines ignore the object element's nested param elements: fall back to the proprietary embed element
   var e = createElement("embed");
   e.setAttribute("type", FLASH_MIME_TYPE);
   for (var k in attObj) {
    if (attObj[k] != Object.prototype[k]) { // Filter out prototype additions from other potential libraries
     if (k == "data") {
      e.setAttribute("src", attObj[k]);
     else if (k.toLowerCase() == "styleclass") { // 'class' is an ECMA4 reserved keyword
      e.setAttribute("class", attObj[k]);
     else if (k != "classid") { // Filter out IE specific attribute
      e.setAttribute(k, attObj[k]);
   for (var l in parObj) {
    if (parObj[l] != Object.prototype[l]) { // Filter out prototype additions from other potential libraries
     if (l != "movie") { // Filter out IE specific param element
      e.setAttribute(l, parObj[l]);
   el.parentNode.replaceChild(e, el);
   r = e;
else { // Well-behaving browsers
   var o = createElement(OBJECT);
   o.setAttribute("type", FLASH_MIME_TYPE);
   for (var m in attObj) {
    if (attObj[m] != Object.prototype[m]) { // Filter out prototype additions from other potential libraries
     if (m.toLowerCase() == "styleclass") { // 'class' is an ECMA4 reserved keyword
      o.setAttribute("class", attObj[m]);
     else if (m != "classid") { // Filter out IE specific attribute
      o.setAttribute(m, attObj[m]);
   for (var n in parObj) {
    if (parObj[n] != Object.prototype[n] && n != "movie") { // Filter out prototype additions from other potential libraries and IE specific param element
     createObjParam(o, n, parObj[n]);
   el.parentNode.replaceChild(o, el);
   r = o;
return r;
function createObjParam(el, pName, pValue) {
var p = createElement("param");
p.setAttribute("name", pName);
p.setAttribute("value", pValue);
el.appendChild(p);
function getElementById(id) {
return doc.getElementById(id);
function createElement(el) {
return doc.createElement(el);
function hasPlayerVersion(rv) {
var pv = ua.pv, v = rv.split(".");
v[0] = parseInt(v[0], 10);
v[1] = parseInt(v[1], 10);
v[2] = parseInt(v[2], 10);
return (pv[0] > v[0] || (pv[0] == v[0] && pv[1] > v[1]) || (pv[0] == v[0] && pv[1] == v[1] && pv[2] >= v[2])) ? true : false;
/* Cross-browser dynamic CSS creation
- Based on Bobby van der Sluis' solution: http://www.bobbyvandersluis.com/articles/dynamicCSS.php
function createCSS(sel, decl) {
if (ua.ie && ua.mac) {
   return;
var h = doc.getElementsByTagName("head")[0], s = createElement("style");
s.setAttribute("type", "text/css");
s.setAttribute("media", "screen");
if (!(ua.ie && ua.win) && typeof doc.createTextNode != UNDEF) {
   s.appendChild(doc.createTextNode(sel + " {" + decl + "}"));
h.appendChild(s);
if (ua.ie && ua.win && typeof doc.styleSheets != UNDEF && doc.styleSheets.length > 0) {
   var ls = doc.styleSheets[doc.styleSheets.length - 1];
   if (typeof ls.addRule == OBJECT) {
    ls.addRule(sel, decl);
function setVisibility(id, isVisible) {
var v = isVisible ? "inherit" : "hidden";
if (isDomLoaded) {
   getElementById(id).style.visibility = v;
else {
   createCSS("#" + id, "visibility:" + v);
function getTargetVersion(obj) {
     if (!obj)
         return 0;
var c = obj.childNodes;
var cl = c.length;
for (var i = 0; i < cl; i++) {
   if (c[i].nodeType == 1 && c[i].nodeName.toLowerCase() == "object") {
       c = c[i].childNodes;
       cl = c.length;
       i = 0;
   if (c[i].nodeType == 1 && c[i].nodeName.toLowerCase() == "param" && c[i].getAttribute("name") == "swfversion") {
      return c[i].getAttribute("value");
return 0;
function getExpressInstall(obj) {
     if (!obj)
         return "";
var c = obj.childNodes;
var cl = c.length;
for (var i = 0; i < cl; i++) {
   if (c[i].nodeType == 1 && c[i].nodeName.toLowerCase() == "object") {
       c = c[i].childNodes;
       cl = c.length;
       i = 0;
   if (c[i].nodeType == 1 && c[i].nodeName.toLowerCase() == "param" && c[i].getAttribute("name") == "expressinstall") {
       return c[i].getAttribute("value");
return "";
return {
/* Public API
   - Reference: http://code.google.com/p/swfobject/wiki/SWFObject_2_0_documentation
registerObject: function(objectIdStr, swfVersionStr, xiSwfUrlStr) {
   if (!ua.w3cdom || !objectIdStr) {
    return;
   var obj = document.getElementById(objectIdStr);
   var xi = getExpressInstall(obj);
   var regObj = {};
   regObj.id = objectIdStr;
   regObj.swfVersion = swfVersionStr ? swfVersionStr : getTargetVersion(obj);
   regObj.expressInstall = xiSwfUrlStr ? xiSwfUrlStr : ((xi != "") ? xi : false);
   regObjArr[regObjArr.length] = regObj;
   setVisibility(objectIdStr, false);
getObjectById: function(objectIdStr) {
   var r = null;
   if (ua.w3cdom && isDomLoaded) {
    var o = getElementById(objectIdStr);
    if (o) {
     var n = o.getElementsByTagName(OBJECT)[0];
     if (!n || (n && typeof o.SetVariable != UNDEF)) {
         r = o;
     else if (typeof n.SetVariable != UNDEF) {
      r = n;
   return r;
embedSWF: function(swfUrlStr, replaceElemIdStr, widthStr, heightStr, swfVersionStr, xiSwfUrlStr, flashvarsObj, parObj, attObj) {
   if (!ua.w3cdom || !swfUrlStr || !replaceElemIdStr || !widthStr || !heightStr || !swfVersionStr) {
    return;
   widthStr += ""; // Auto-convert to string to make it idiot proof
   heightStr += "";
   if (hasPlayerVersion(swfVersionStr)) {
    setVisibility(replaceElemIdStr, false);
    var att = (typeof attObj == OBJECT) ? attObj : {};
    att.data = swfUrlStr;
    att.width = widthStr;
    att.height = heightStr;
    var par = (typeof parObj == OBJECT) ? parObj : {};
    if (typeof flashvarsObj == OBJECT) {
     for (var i in flashvarsObj) {
      if (flashvarsObj[i] != Object.prototype[i]) { // Filter out prototype additions from other potential libraries
       if (typeof par.flashvars != UNDEF) {
        par.flashvars += "&" + i + "=" + flashvarsObj[i];
       else {
        par.flashvars = i + "=" + flashvarsObj[i];
    addDomLoadEvent(function() {
     createSWF(att, par, replaceElemIdStr);
     if (att.id == replaceElemIdStr) {
      setVisibility(replaceElemIdStr, true);
   else if (xiSwfUrlStr && !isExpressInstallActive && hasPlayerVersion("6.0.65") && (ua.win || ua.mac)) {
    setVisibility(replaceElemIdStr, false);
    addDomLoadEvent(function() {
     var regObj = {};
     regObj.id = regObj.altContentId = replaceElemIdStr;
     regObj.width = widthStr;
     regObj.height = heightStr;
     regObj.expressInstall = xiSwfUrlStr;
     showExpressInstall(regObj);
getFlashPlayerVersion: function() {
   return { major:ua.pv[0], minor:ua.pv[1], release:ua.pv[2] };
hasFlashPlayerVersion:hasPlayerVersion,
createSWF: function(attObj, parObj, replaceElemIdStr) {
   if (ua.w3cdom && isDomLoaded) {
    return createSWF(attObj, parObj, replaceElemIdStr);
   else {
    return undefined;
createCSS: function(sel, decl) {
   if (ua.w3cdom) {
    createCSS(sel, decl);
addDomLoadEvent:addDomLoadEvent,
addLoadEvent:addLoadEvent,
getQueryParamValue: function(param) {
   var q = doc.location.search || doc.location.hash;
   if (param == null) {
    return q;
    if(q) {
    var pairs = q.substring(1).split("&");
    for (var i = 0; i < pairs.length; i++) {
     if (pairs[i].substring(0, pairs[i].indexOf("=")) == param) {
      return pairs[i].substring((pairs[i].indexOf("=") + 1));
   return "";
// For internal usage only
expressInstallCallback: function() {
   if (isExpressInstallActive && storedAltContent) {
    var obj = getElementById(EXPRESS_INSTALL_ID);
    if (obj) {
     obj.parentNode.replaceChild(storedAltContent, obj);
     if (storedAltContentId) {
      setVisibility(storedAltContentId, true);
      if (ua.ie && ua.win) {
       storedAltContent.style.display = "block";
     storedAltContent = null;
     storedAltContentId = null;
     isExpressInstallActive = false;
Can someone please help! I've looked and tried prety much everything. If you can provide a solution I would GREATLY apreciate it!

There is no Flash player version 15... as in your code:
<param name="swfversion" value="15.0.0.0" />
For some reason Adobe thought it would be a good idea to target a Flash player version (15) as default.....which may be out a couple years in the future. Go figure!!!
If you don't like player version 9, change to 10 or 11.... just not 15 (yet).
Best wishes,
Adninjastrator

Flash Contents Blank

Like many out there, I continue having problems with Flash
Player and am extremely exasperated.
My problem may be a little bit different from what others may
have experienced because, even though Flash Player seems to install
itself without a problem,
I get a blank space where Flash content should be in BOTH IE7
and Firefox2.
I have followed steps listed in Macromedia Flash Player forum
under the following topic headings to no avail:
INFO NEEDED: Flash Player installer button doesn't work, or
cannot be seen - Posted by BWolfe [ADOBE]
Adobe Flash Player will not work - Posted by gearhead9
[ADOBE] Resolving Windows Flash Player permission-related
issues 9/2007 - Posted by BWolfe [ADOBE]
Help with Flash Player- Not Playing - Posted by jdb123
Can't run in Firefox - Posted by worknonjoy
Flash Player Downloading, but can't see content. - Posted by
s83982c
Basically, I haven’t been able to spot anything that
points to why I should be having this problem so far.
I have the following installed:
Windows XP Media Center 2002
McAfee SecurityCenter 7
Spybot Search & Destroy 1.4
Ad-Aware 2007 Version 7
I have run registry clean with Spybot Search & Destroy,
Ad-Aware 2007, and McAfee SecurityCenter 7 (Tools - Maintain
Computer - McAfee QuickClean).
The applications were not running when I tried the steps
listed in the forum.
And I started having problems before I ran registry clean for
the first time.
I have all pop-up blocking turned off.
In Add or Remove Programs, I see the following listed:
Adobe Flash Player ActiveX (Version 9.0.47.0)
Adobe Flash Player Plugin (Version 9.0.47.0)
Any further solutions or suggestions would be greatly
appreciated!

well it looks like your vid is here:
http://lasdsite.lasd.org/sheriff_video/lasd_one_team.flv
your swf is here:
http://www.lasd.org/lasdsite/sheriff_video2.swf
and your swf's link to flv is this:
"X:\\sheriff_video\\lasd_one_team.flv"
should be:
"sheriff_video/lasd_one_team.flv"
that's the relative path from the swf to the vid...
HTH
-Ted

Win8.1/Chrome 64bit: NPAPI Flash Player crashes on every page with Flash content

Hi,
Chrome 64bit (beta+) crashes on Win8.1 64bit, if I use the NPAPI Flash Player (v15 beta or v14 stable) and open a website with Flash content.
More details here:
https://code.google.com/p/chromium/issues/detail?id=402262

Turning off NPAPI in Chrome 64-bit will be a very bad move. I'm using a Windows 7 Setup, with a Core2Quad 65 nm CPU and a pathetic Geforce GT 8500 GPU that is basically worthless. PPAPI flash betas are available as a standalone now at this point, but I have done lots of side by side comparisons, and the PPAPI plugin is absolute garbage compared to the far superior Netscape architecture based plugin. I'm not the only one saying that. I have found loads of forums, and instruction videos online to fix Chrome video playback on youtube for instance. I have to install "Magic Actions for Youtube" addon for chrome so that I can disable HTML5. then I have to go into the plugins menu on chrome and disable pepper flash. I keep the 64 bit flash betas regularly updated this way, and I am getting peak performance. Once in a blue moon it will crash, but I think that is Google's fault. HTML5 should not be the default option in youtube. Compared to Flash, it does not have great GPU acceleration ability, and HTML5 in 64-bit doesn't even perform superior to 32 bit web browsers, where as 64 bit flash is a leap forward, as long as it's the NPAPI version, that is. Problems I have with the HTML5 and also Pepperflash are very similar. The audio is out of sync with video, and the cpu is maxed out from memory leaking. I'm skipping frames and seeing glitches left and right. The seek functions in pepperflash never work right on youtube, you have to click an inch before wherever you want the video to play. On and on. Pepper flash has audio crackle. You can't get rid of the crackle from pepper flash or HTML 5. Yet, with NPAPI 64 bit flash beta in 64 bit chrome canary it plays PERFECTLY. once in a while I have it crash, which i think is the fault of the fact that I have to use an add on to force off HTML5. Why would I want html5, when flash NPAPI 64 bit produces superior picture quality on all quality settings. It's better in every conceivable way. Shame on Google for not putting more care into 64-bit flash on 64-bit Chrome. It couldn't possibly be a more important deal! You can tell pepperflash and HTML 5.0 are an afterthought. It's only youtube playback quality. why would that matter to google? OMG...
While I'm at it, I have one other issue that blows my mind. Adding command line flags in Chrome 64-bit (Canary) in Windows. Why do we have to add them through a shortcut in the "target" line? The target line runs out of space after 3 or 4 commands! I wish they would update Chrome Canary to allow for unlimited command lines to be added. It should be an option to add Command Lines on the About:Flags screen. I am so disappointed in these two glaring issues. It keeps me up at night.

Dreamweaver embedded flash content will not load in IE7

My company standard is IE7
I'm charged with developing flv that will auto play on PC from a removable thumb drive.
in addition it should be able to launch a url.
I'm using CS4 Flash and Dreamweaver
developing on a Mac.
I've used action script 3 to program buttons that start, stop and launch url
I've worked everything out on a Mac.it works fine in Mac environment.
I've gotten swf files to autoplay on PC
the PROBLEM?
when I try load the html web page on the PC with IE7 the flash content (either a swf or flv embedded using Dreamweaver) does not load.
IF I leave the IE specific html in the code IE7 returns a message that flash player needs to update. - IT has installed the latest version of flash player.
if I extract the sniffer/alternative code the flash content does not load there is no message
If the swf file auto loads and plays then Why is that a problem?
action script - to launch url execution launches as a security warning and the trusted settings window
not very seamless eh?
so the alternative is to play the flash content embedded in html and create launch url button in html . . . but ofcourse flash content won't load in IE7.
I've not been able to test the code on any other version of IE
I hope this is enough information to help if not let me know what you need to know . . .
thanks in advance for any time you all spend on this.
M

So right now you have a SWF file that plays and FLV file and it's not loading in IE7. Is the testing server that you are using NOT on your local machine? The reason I ask this is because IE will typically block content if it is hosted on the local machine and treat it as a security risk, prompting the message you refer to.
Also would it be possible for us to see the code you are using for the plugin? Most users here will be able to help troubleshoot any issues with the HTML code if we can see it, however, there is a possibility that the fix may be in Flash, in which case you should cross-post this in the Flash forum as well for assistance just in case.

How to make flash content which resize according to the broswer window

Hi gus,
I am doing a presentation now...but the problem i am facing
is cos of the size of the content....what i need is when the users
resizes the brower window, the flash content should also resize to
fit in the window without using scrollbars....u can take a look at
the URL to see a sample of how it is done.........
http://www.adobe.com/products/robohelp/productinfo/features/brz_tour/
Can somebody please help me with this./..thanks in
advance.....

Go to File -> Publish Settings.
Check the 'HTML' box in the Formats tab.
Go to the HTML tab and choose 'Percent' from the Dimensions
dropdown.
Set Width and Height to 100.
Export your movie and the HTML file will contain the correct
embedding code.

FF16.0.2, after updating flash plugin to 11.5.502.110, all flash content went blank, reinstall dint work.

After updating my shockwave flash player to 11.5.502.110, the flash content on pages went white blank, i can still see the bounding box of the flash content, but they are all white blank. When i right click on the content, flash context menu is not showing up as usual.
tried uninstall (from windows control panel) and reinstall, didnt work.
OS: win7
Firefox : 16.0.2
Flash plugin : 11.5.502.110
help is appreciated, thanks

Flash 9 r45 is way too old and a lot of Flash content won't work with such an old version.<br />
If you want to revert to an older Flash version then get the latest Flash 10.3 version that is still maintained with security updates
Adobe Forums: Where can I find direct downloads of Flash Player 10.3 for Windows or Macintosh?:
* http://forums.adobe.com/thread/889580

Problem with changing flash content - Need help

I need help in changing the flash content. Here is my proble,
1) I bought a flash template (I will call this Original) from a website and paid some money to customize my menu,logo and background color.
2) After they finished it they sent me several files. Like 1) index.html, .swf, psd, .fla. In all the files .html,.swf (the video) and .psd I am seeing my customize changes (logo,menu and background color). But the .fla file they sent me is still shows everything from original template. It doesn't have my logo, menu or background color.
3) I asked their technical support and they walk me through. a) Open the .fla file in flash pro. b) Change the content c) Hit Ctrl+Enter and it will export the new .swf file to the flash folder. d) Make sure I delete the video from flash folder and replace the name with the one I created.
I did all these steps. But the problem is the .SWF that i generated is showing everything from the orignal template. It did change the content but I don't see any of my customize request. (Menu, logo or color)
4) Then I open the index.html and I DID NOT see any of the changes in the content.
My feeling is they did not provide me the correct .FLA file. I really need your help.
My confusion is a) Have they provide me the correct .FLA file or I am doing something wrong. b) When I generated the new .swf video and renamed it properly why it didn't reflect in the index.html file.
I am really going back and forth with them since last 15 days and its not going anywhere. I really appreciate any help.
Thanks,
Jessy

Unfortunately, if you have not enough knowledge about using Flash, and do not want to pay to have this done for you, the folks who did this for you are likely going to be the only ones who can help you resolve it. They should be able to provide the edited fla and the new swf if they are in any way a credible/reliable business.... which at this point sounds like they are not.

Flash content blocks Menu dropdowns

Similar Messages

Maybe you are looking for