如何将 YouTube 视频添加为 <video> 而不是嵌入的 <iframe>？

Question

我必须在网站上插入全宽视频。

由于重量和设计问题，我想知道是否可以将 YouTube 视频指定为 src 属性 <video> 标签而不是嵌入的 <iframe> 。

我想要一个没有播放器设计的 YouTube 视频，并尽可能兼容不同的设备（例如浏览器、智能手机、平板电脑）。

你有什么想法或解决方案吗？

原文由 xdxp 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

据我所知，除了使用原始 YouTube 播放器（使用 iframe）之外，您不能以任何其他方式将视频嵌入网页。

您可以定位 iframe 以填充视口并让内容重叠它，就像这篇文章建议的那样： http ://www.labnol.org/internet/youtube-video-background/27933/？演示在这里：http: //img.labnol.org/files/video-background.html

 <div style="position: fixed; z-index: -99; width: 100%; height: 100%">
  <iframe frameborder="0" height="100%" width="100%"
    src="https://youtube.com/embed/ID?autoplay=1&controls=0&showinfo=0&autohide=1">
  </iframe>
</div>

// Replace ID with the actual ID of your YouTube video

您还可以使用 YouTube API https://developers.google.com/youtube/iframe_api_reference 通过 Javascript 控制它。

原文由 actimel 发布，翻译遵循 CC BY-SA 3.0 许可协议