如何在HTML5中嵌入YouTube视频而没有错误?



我想为一个投资组合网站嵌入一些YouTube视频。我正在使用YouTube自己提供的嵌入代码在我的一个视频下。但是当我使用它时,我得到了"视频不可用"的提示。错误消息。

这是嵌入代码

<iframe width="560" height="315" src="https://www.youtube.com/embed/9ZIgQFKaK4Y" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

这是您在共享部分下得到的内容,所以我假设它可以工作。有人知道怎么解吗?

我认为这是因为Youtube只允许HTTPS网站播放视频。这意味着你的web服务器无法做到这一点。当我使用JSFiddle时,我可以播放视频。因此,我建议使用JSFiddle或其他在线HTML编辑器。

添加这样的div标签:

<div class="container">
<iframe width="560" src="https://www.youtube.com/embed/9ZIgQFKaK4Y"></iframe>
</div>

之后你可以添加css。见此链接:https://www.w3schools.com/howto/howto_css_responsive_iframes.asp

相关内容

最新更新