【问题标题】:How to control <iframe> based YouTube player?如何控制基于 <iframe> 的 YouTube 播放器?
【发布时间】:2011-09-07 21:45:15
【问题描述】:

除了基于 Flash 的嵌入方式之外,YouTube 还允许使用 &lt;iframe&gt; 在网站上嵌入视频。这尤其对移动设备具有优势。 http://apiblog.youtube.com/2010/07/new-way-to-embed-youtube-videos.html

不幸的是,我找不到任何类似于基于闪存的 API 文档,例如 http://code.google.com/apis/youtube/js_api_reference.html

是否可以使用纯 JavaScript 以编程方式控制基于 &lt;iframe&gt; 的播放器,例如播放或暂停视频?

【问题讨论】:

    标签: javascript youtube html5-video


    【解决方案1】:

    https://developers.google.com/youtube/iframe_api_reference#Operations

    我们支持一组类似的功能 对于当前的 IFrame API 支持 JavaScript API。

    请参阅该文档以获取 功能列表。请注意 处理视频的函数 当 HTML5 时,字节的行为不同 通过 IFrame API 使用播放。 getVideoBytesTotal 被硬编码为 返回 1000。getVideoBytesLoaded 将 返回一个介于 0 和 1000 之间的值。 计算视频的分数 已经加载的你可以划分 getVideoBytesLoaded 值由 getVideoBytesTotal 值,然后 计算将不管 无论是 HTML5 还是 ActionScript 3 使用播放。

    请注意,这是一项实验性服务,不应用于生产级应用程序。

    通知

    重要提示:这是一个实验性的 功能,这意味着它可能 意外改变。

    【讨论】:

    • 那你,一切都很顺利。您能否也给我一个提示,如何在以编程方式构建 iframe 播放器时指定 wmode=transparent?
    • 可能与 OP 无关,但这里有一个示例,说明如何为任何未来用户 &lt;iframe src="https://www.youtube.com/embed/36LVnW3RxQE?wmode=transparent"&gt;&lt;/iframe&gt; 指定 wmode=transparent。 More YouTube player parameters.
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-03-28
    • 2012-10-26
    • 2019-01-11
    • 2013-09-19
    • 1970-01-01
    • 1970-01-01
    • 2022-01-02
    相关资源
    最近更新 更多