以HTML5 <video>标记

Question

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

我想在我的网站上播放YouTube视频作为背景，因此我不想使用iframe嵌入，因为这种技术需要一些古怪的黑客来隐藏视频播放器控件并阻止用户与视频交互（暂停，开始等）。

将视频嵌入<video>标记中是最佳方法。

Answer 1

您可以使用此强大的 Plyr 包并通过

安装

NPM，凉亭，Ember或使用CDN

• 它的语义（标签）
• 响应
• Youtube和Vimeo
• 写在＆＃34;香草＆＃34; JavaScript（没有库依赖项）

和总重量小于60 Kb 完全可以接受。