如何使用 HTML 5 的 <video> 播放 YouTube 视频答案

【问题标题】：How to play a YouTube video with HTML 5's <video>如何使用 HTML 5 的 <video> 播放 YouTube 视频
【发布时间】：2013-08-14 23:36:17
【问题描述】：

我可以使用 HTML 5 <video> 控件在我的网站上播放 YouTube 视频吗？

我可以播放 MP4、ogg 格式的视频，

<video width="710" height="423" controls>
    <source src="testvideo.ogg" type="video/ogg">
    Your browser does not support the video tag.
</video>

但是如何在来源来自 youtube 的地方运行视频例如：

<video width="710" height="423" controls>
  <source src="https://www.youtube.com/v/<youtube video id>?enablejsapi=1&rel=0&fs=1" type="????"></source>
 Your browser does not support the video tag.
</video>

我提供了有效的来源和给定的类型为video/youtube，但得到的错误为No video with supported format and MIME type found

如果你有任何意见，请告诉我

谢谢，沙拉特

【问题讨论】：

标签： html youtube html5-video

【解决方案1】：

如果你的标签

<youtube video id>

为此视频生成 11 个字符的代码

https://www.youtube.com/watch?v=t2ByLmLnYJ8

11 个字符的代码是 t2ByLmLnYJ8

那我觉得你应该试试

<iframe width="710" height="423" 
    src="http://www.youtube.com/embed/<youtube video id>">
</iframe>

据我了解，YouTube 已接管确保视频格式与设备兼容，因此您不必担心这种方法。

【讨论】：