如何控制基于 <iframe> 的 YouTube 播放器？答案

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

除了基于 Flash 的嵌入方式之外，YouTube 还允许使用 <iframe> 在网站上嵌入视频。这尤其对移动设备具有优势。 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 以编程方式控制基于 <iframe> 的播放器，例如播放或暂停视频？

【问题讨论】：

标签： 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 无关，但这里有一个示例，说明如何为任何未来用户 <iframe src="https://www.youtube.com/embed/36LVnW3RxQE?wmode=transparent"></iframe> 指定 wmode=transparent。 More YouTube player parameters.