如何将 Youtube 视频嵌入 HTML5 <video> 标签？

Posted 2023-02-24

【中文标题】如何将 Youtube 视频嵌入 HTML5 <video> 标签？

【英文标题】：How to Embed Youtube Videos into HTML5 <video> Tag?

【发布时间】：2012-10-22 01:22:19

【问题描述】：

我正在实现需要将 youtube 视频嵌入 html5 标记的网站。 你能告诉我我应该如何在不使用<iframe>的情况下嵌入它

【问题讨论】：

你看过文档吗？ developers.google.com/youtube/js_api_reference

看看这个问题：***.com/questions/5157377/…

【参考方案1】：

没有 javascript 就无法做到这一点。但是出色的 MediaElement.js 库将为此目的出色地工作：

http://mediaelementjs.com

上面的示例显示了使用带有<video> 标签的 YouTube 视频，但对于不支持 Flash 的浏览器也有一个后备方案。

【讨论】：

mediaelementjs 它也使用iframe，还有其他方式吗？？

【参考方案2】：

您无法在不违反 YouTube 服务条款的情况下提取视频来源。在网页中嵌入视频的唯一受支持方式是使用 iframe embed。

【讨论】：

你能附上来源吗？