如何通过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>

您的浏览器不支持视频标记。

在真正的视频标签中播放YouTube视频并不是一种可靠的方法。YouTube不希望你这么做，而且这可能违反了他们的TOS。在任何情况下，该URL可能会定期更改，无论YT是调整其基础设施，还是千方百计阻止人们直接访问视频文件

但是，如果您使用视频标签，您可以采取一些步骤来完成几乎所有您可以完成的事情。首先，您可以将“html5=1”提示添加到嵌入中，这将告诉youtube使用html5视频而不是Flash（它通常遵守，但并不总是如此）。视频将在一个iframe中，但您可以将所有常见的CSS技巧应用于该iframe-不透明度、变换等

如果您使用的是YouTube API，请将

html5:1

添加到

PlayerBars

。如果只是直接嵌入iframe，请将其添加到查询字符串中，如下所示：

现在，如果您想更进一步，Popcorn.js现在有一个漂亮的YouTube API，它将使YouTube（他们也有一个用于Vimeo）视频表现得像HTMLVideoElement，具有大多数相同的属性、方法和事件。它并不完美，但相当不错

注意：该文件的官方来源在repo上，但目前正在进行bug修复和功能。您需要包含最新版本的Popcorn.js和

wrappers/common/Popcorn.\u MediaElementProto.js

，来自该repo。设置

src

时，确保将

&html5=1

添加到YT URL

您将注意到的区别是：

• 即使有了包装器，HTML5视频API的性能也比YT API好一点。e、 例如，缓冲的响应速度更快，报告效果更好

• 你无法摆脱右下角的YouTube图标，它会在暂停或鼠标悬停时出现

• 你不能阻止YouTube播放广告

• 您无法访问音频API和canvas/webgl绘图等内容的实际视频/音频内容。但由于跨产地限制，您无论如何都不能这样做

---

你尝试过这个吗？是的，你是对的，这违反了他们的ToS服务条款，请参见developers.google.com/youtube/terms，第二部分，第10点。声明禁止“使用YouTube播放器或YouTube明确授权的其他视频播放器以外的任何方式访问任何YouTube视听内容的任何部分