【问题标题】:How to set autoplay youtube video for IE on the fly?如何即时为 IE 设置自动播放 youtube 视频?
【发布时间】:2010-12-18 09:26:45
【问题描述】:

点击缩略图时,我需要自动播放 youtube 视频。 由于 IE 不支持<EMBED> 标签,我需要在<OBJECT> 中预设所有需要的值,然后使用我的参数创建一个新对象。 所以我做了这样的事情:

var $newObject = jQuery('<object><param name="play" value="true"/>' + $oldObject.html() + '</object>'); // preparing virtual object on the fly.
$thisObject.html($newObject.html()); //Creating new object

那没有效果。所以我尝试像这样向所有现有的 OBJECT 插入新的:

jQuery('<param name="play" value="true" >').prependTo("object"); 

为此,我在 IE 中遇到错误,显示“参数无效”(有趣的是,在 FF 和 Chrome 中该方法有效)。 所以我现在真的没主意了。 感谢帮助

山姆

【问题讨论】:

    标签: jquery flash internet-explorer dom


    【解决方案1】:

    正确的方法是使用 Youtube Javascript API 和 SWFObject。

    var so_init = {
      params: { allowScriptAccess: "always" },
      atts: { id: "embedVideoPlayer" }
    };
    
    // Do this to embed the player.
    swfobject.embedSWF("http://www.youtube.com/apiplayer?enablejsapi=1&version=3&playerapiid=embedVideo",
                       "embedVideo", "480", "385", "9", null, null, so_init.params, so_init.atts);
    
    function player() {
      return document.getElementById(so_init.atts.id);  
    }
    
    // Do this to load a video and start it playing.
    player().loadVideoById("YOUR-VIDEO-HERE", 0, "large");
    
    <div id="embedVideo">
      You need Flash player 9 or later and JavaScript enabled for this to work.
    </div>
    

    The reference is here.

    【讨论】:

    • 感谢 jeffamaphone,这是尽可能完整的答案。
    【解决方案2】:

    您是否尝试为 Flash 提供价值?如果是这样,您需要将名称/值对包装在“flashVars”参数中。像这样:

    <param name="flashVars" value="play=true" />
    

    【讨论】:

    • 你的 jQuery 语法看起来有点不对劲,但由于 jQuery 不是我的包,希望其他人可以介入并帮助你完成这部分......
    • 感谢伟大衰变的回答。我确实试图为 youtube flash 对象提供价值。问题是对于除 MSIE 之外的所有浏览器,修改 '' 就可以完成这项工作。但为了支持 MSIE 中的自动播放,我必须设置 '' 标签属性,但我不知道如何为 MSIE 执行此操作。无论如何,我尝试按照您的建议添加“”,但仍然没有。 P.S: jQuery 可能看起来有点不对劲,因为我没有使用 '$' - 兼容性问题 :)
    猜你喜欢
    • 2013-03-04
    • 1970-01-01
    • 1970-01-01
    • 2019-05-08
    • 1970-01-01
    • 2014-11-24
    • 2015-04-11
    • 2023-03-05
    相关资源
    最近更新 更多