Question

我看到Adobe recommendation，但是有嵌入的静态html代码。我尝试用JS动态使用，但很奇怪。 flash-player嵌入页面。但是电影 - 不是。我认为名称参数有问题。但无法猜测需要做得对。

静态（工作）

object type="application/x-shockwave-flash" data="menu.swf" width="1200" height="300">
    <param name="movie" value="menu.swf"/>
</object>

动态（不工作）

var node=document.createElement('object');
    document.body.appendChild(node);

    node.type="application/x-shockwave-flash"
    node.data="menu.swf"
    //node.name="menu.swf"

    node.width="300"
    node.height="300"

    var p=document.createElement('param');


    p.name="movie"
    p.value="menu.swf"
    node.appendChild(p)

我尝试过多种组合，但没有任何效果

IE11强烈存在这个问题。对于其他版本的IE工作下一个代码：

var node=document.createElement('object');
    document.body.appendChild(node);

    node.classid= "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
    node.movie="menu.swf"
        ...

Answer 1

我的代码中有2个错误。

主要功能 - DOM的添加对象必须是对象的 AFTER ASSEMBLY ：

var node=document.createElement('object');
node.type="application/x-shockwave-flash"
node.data="menu.swf"        
node.width="300"
node.height="300"
document.body.appendChild(node); // must be in end

或

var node=document.createElement('object');
node.setAttribute('type',"application/x-shockwave-flash")
node.setAttribute('data',"menu.swf")
node.setAttribute('width',"300")
node.setAttribute('height',"300")
document.body.appendChild(node); // must be in end

下一个功能 - html head中有标记：

<meta http-equiv="X-UA-Compatible" content="IE=9">

如果IE11发现X-UA-Compatible低于11 / edge，则需要旧式嵌入式闪存（classid）。如果没有X-UA-Compatible或者值是11 / edge - 那么在html中需要新的样式为type =“application / x-shockwave-flash”

如何在IE 11中动态添加flash-object到html？

1 个答案: