html - 以HTML5 标签链接到YouTube视频

Question

有没有办法在<video>的source标记中使用YouTube视频链接，这样我就不必下载视频文件并将其上传到我的服务器了？

我希望在自己的网站上播放YouTube视频作为背景，所以我不想使用iframe嵌入，因为这种技术需要一些古怪的技巧来隐藏视频播放器控件并阻止用户与视频进行交互(暂停，启动等)。 )。

将视频嵌入<video>标签是最好的方法。

Answer 1

您可以使用这个很棒的 Plyr 软件包并通过安装

NPM，凉亭，Ember或使用CDN

这是语义(标记)

响应式

对于Youtube和Vimeo

用“vanilla” JavaScript编写(无库依赖)

并且 的总重量小于60 Kb 完全可以接受。