Question

我有一些youtube网址，例如https://www.youtube.com/embed/LaXGkW_-Nvc?list=RDTDDDvaoGiDg。当我把它放到html视频标签时，它说＆＃34;无效的来源＆＃34;。

如何解决这个问题？

当我使用iframe显示视频时，我遇到了另一个问题：Video not showing in iframe on IE, but showing on firefox and chrome。

这是我的HTML：

<video width="300" height="auto" autoplay="" controls="" name="media"><source src="https://www.youtube.com/embed/LaXGkW_-Nvc?list=RDTDDDvaoGiDg"></video>

Answer 1

您无法为youtube视频使用HTML5视频标记，它只支持MP4，WebM和Ogg文件。 W3C Schools

Youtube已经为您提供了一个＆＃34;嵌入＆＃34;在他们的页面上自动生成iFrame的功能。 Youtube Embed还有一些其他方法，但不再使用它们（已弃用）。 Youtube API

至于IE的问题，也许可以看看这个类似的问题：YouTube iframe embed code not working in IE

如果您想使用HTML5视频标记，解决此问题的唯一方法是以指定格式之一下载Youtube视频。

Answer 2

您需要使用 <iframe> 标签来嵌入 YouTube。请阅读以下代码：

<iframe src="https://www.youtube.com/embed/5L3wKniOnro?autoplay=1" width="600" height="400" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

HTML视频标签显示Youtube视频

2 个答案: