如何在HTML5中无错误地嵌入YouTube视频？

iyfjxgzm 于 2022-11-20 发布在 HTML5

关注(0)|答案(2)|浏览(251)

我正在尝试为一个投资组合网站嵌入一些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>

这是你在共享部分下得到的，所以我假设它会起作用。有人知道如何解决这个问题吗？

Html

来源：https://stackoverflow.com/questions/74484894/how-do-i-embed-a-youtube-video-in-html5-with-no-errors

2条答案

按热度按时间

z2acfund1#

我相信这是因为Youtube只允许HTTPS网站播放视频。这意味着你的网络服务器不会切断它。当我使用JSFiddle时，我可以播放视频。所以，我建议使用JSFiddle或其他在线HTML编辑器。

赞(0）回复(0）举报 2022-11-20

omqzjyyz2#

添加如下所示的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

赞(0）回复(0）举报 2022-11-20

我来回答

如何在HTML5中无错误地嵌入YouTube视频？

2条答案

相关问题

热门标签

最新问答