适用于 YouTube 的 HTML5 <视频>答案

【问题标题】：HTML5 <video> for YouTube适用于 YouTube 的 HTML5 <视频>
【发布时间】：2012-03-11 07:29:24
【问题描述】：

我正在开发一个通过 iBooks 专门为 iPad 创建动态 ePub 电子书的网站。

它需要支持 youtube 视频播放，所以当我知道视频的直接路径时，我正在使用 html5 <video> 标签。

有没有办法使用 html5 <video> 标签嵌入 youtube 视频，而不是使用 youtube 嵌入代码？

【问题讨论】：

标签： html video tags youtube ibooks

【解决方案1】：

YouTube 不会公开其视频的直接 URL。如果他们这样做了，他们就无法跟踪观看次数、投放广告、让视频所有者控制其分发或使用他们的徽标为播放器打上烙印。

您可以尝试设计一些东西来解决这个问题，但绕过 YouTube 播放器意味着绕过他们控制内容的能力，这是他们的 ToS 所禁止的，这是可以理解的：

You agree not to circumvent, disable or otherwise interfere with security-related
features of the Service or features that prevent or restrict use or copying of any
Content or enforce limitations on use of the Service or the Content therein.

如果您希望视频在发布内容后继续播放，这不是一个好计划。

相反，您最好的办法是使用 YouTube 公开的选项来控制您向嵌入式播放器呈现的体验。

不幸的是，目前唯一受支持的选项是标记和标记，而 <embed> 标记会限制您使用 Flash。 </embed>

IFrame 方法是目前最好的选择，这个标签展示了如何调整你的嵌入 URL 来获得一个只包含最少 YouTube 特性的播放器：

<iframe src=
   "http://www.youtube.com/embed/mbOEknbi4gQ?autoplay=1&controls=0&showinfo=0"
   frameborder="1" width="534" height="400"></iframe>

这里用到的参数是：

autoplay=1：自动播放视频
controls=0 : 不显示控制架
showinfo=0 : 禁止显示上传者等视频元数据

您可以在此处找到支持的参数的完整列表：https://developers.google.com/youtube/player_parameters#Parameters

我知道这不是您想要的答案，但它不太可能很快改变，正如另一位响应者所说，这种方法确实有效。事实上，目前的行业惯例是在数字印刷出版物中展示相关视频。

祝你好运！

【讨论】：

【解决方案2】：

Youtube 的 HTML5 嵌入代码似乎可以在 iPad 上与 iBooks 原生配合使用，无需<video> 标签。

【讨论】：

【解决方案3】：

ClickToPlugin (a.k.a. ClickToFlash) Safari extension 能够用<video> 替换 YouTube 嵌入。也许its code for doing that 可能有用。

它看起来很复杂，因为它要处理许多不同类型的嵌入，但也许您可以根据您的情况找出具体的结果 - 或者，创建一个嵌入视频的网页，应用 ClickToFlash，然后查看它产生的结果在 Web 检查器中。

【讨论】：