HTML5 中的 Youtube 视频 <video>答案

【问题标题】：Youtube Video In HTML5 <video>HTML5 中的 Youtube 视频 <video>
【发布时间】：2013-02-05 15:33:06
【问题描述】：

我使用 Youtube Iframe API 制作了一个 Windows 商店应用程序。我可以很好地处理事件和播放视频，但存在一个主要问题，因为它不支持全屏模式（以及其他一些小问题）。

我一直在查看应用商店，发现大多数 youtube 播放器应用程序不使用 iframe API，它们直接抓取视频并将其放入标准的 HTML5 视频播放器中。

我已经进行了大量搜索，我能看到人们这样做的唯一方法是解析 youtube 页面以找到 Youtube 播放器要播放的视频文件并将其直接加载到媒体播放器中。

我对这种方法有一些问题。

这两种情况都不可接受。

有没有办法让全屏在应用内工作或合法地获得直接视频流？

【问题讨论】：

我还注意到，当我在模拟器中模拟平板电脑旋转时，它会中断播放并且我得到“视频不可用”。在 Windows 8 应用程序中播放 youtube 视频的唯一可行方法似乎是从 youtube 页面抓取 mp4 文件。我错了吗？
youtube iframe API 确实支持全屏。在嵌入 URL 中使用 fs=1 参数。默认情况下实际上是启用的。 productforums.google.com/forum/#!topic/youtube/q7cAnPlN_-Y 在 FireFox 上有类似的问题，这是由于权限问题。也许您还需要为 Windows 商店应用请求全屏权限？

【解决方案1】：

不确定版权和 youtube 条款的内容，但您显然是这样做的：

看起来它是特定于浏览器的，youtube 为不同的浏览器生成不同的 html。

我会向附加 html5-true 的 youtube 网址发出 ajax 请求，然后使用 jQuery 抓取视频标签的来源，添加您的属性，然后附加到您的页面。

现在你有了 youtube 使用的标签，所以我假设在他们的网页上有效的东西对你也有效。

可能违反所有条款和条件...

【讨论】：

感谢您的链接。我已经看到讨论过这种方法。我看到一个应用程序说它模拟用户代理做类似的事情并解决各种问题，但它无法正常工作。然而，这一切似乎都是那么脆弱。 Youtube 改变了他们的所作所为，这一切都下地狱了。我想我会放弃商店应用程序的想法，而只是将其移动到 web mvc4 应用程序，因为这样将支持全屏模式。