如何通过HTML5视频标签播放YouTube视频
这段代码工作了一阵子，但我认为链接改变了，导致第二天找不到它？
在Firefox/Chrome/Opera下播放的视频...如何让视频标签永久播放此视频？！
<video width="480" height="270" controls="controls" style="color:green;">
<source src="youtubelink" type="video/mp4">
<source src="youtubelink" type="video/ogg">
<source src="youtubelink" type="video/webm">
Your browser does not support the video tag.
</video>回答 1
Stack Overflow用户
发布于 2012-11-25 02:35:59
没有一种真正可靠的方法可以在真正的视频标签中播放YouTube视频。YouTube不希望你这样做，这可能与他们的服务要求相违背。在任何情况下，URL可能会定期变化，无论YT调整他们的基础设施，还是他们特意阻止人们直接访问视频文件。
但是，如果使用video标记，您可以采取几个步骤来执行几乎所有您可以执行的操作。首先，你可以将"html5=1“提示添加到嵌入中，这将告诉youtube使用html5视频而不是Flash (它通常会遵守，但并不总是如此)。视频将在iframe中，但您可以将所有常用的CSS技巧应用于iframe -不透明度、变换等。
如果您使用的是YouTube应用程序接口，请将html5: 1添加到playerVars。如果只是直接嵌入iframe，则将其添加到查询字符串中，如下所示：http://www.youtube.com/embed/okqEVeNqBhc?html5=1
现在，如果你想更进一步，Popcorn.js现在为Vimeo提供了一个漂亮的wrapper object，它将使YouTube (他们也有一个用于Vimeo的)视频行为类似于HTMLVideoElement，具有大多数相同的属性、方法和事件。它不是完美的，但它相当不错。
注意:该文件的官方源代码在mozilla/popcorn-js代码库上，但this one目前正在提供错误修复和功能。您需要包含该存储库中的最新版本的Popcorn.js和wrappers/common/popcorn._MediaElementProto.js。确保在设置src时将&html5=1添加到you。
您将注意到的区别是：
- 即使使用了包装器，HTML5视频应用编程接口的性能也只是比YT应用编程接口稍好一点。例如，更快的响应和更好的buffering.
- You报告无法摆脱右下角暂停显示的YouTube图标，或者mouseover.
- You无法阻止YouTube显示广告。
- 您无法访问Audio API和canvas/webgl绘图等内容的实际视频/音频内容。但无论如何都不能这样做，因为存在跨域restrictions.
https://stackoverflow.com/questions/13516345
复制相似问题
腾讯云开发者
