如何使用 url 嵌入来自 youtube 的视频？答案

【问题标题】：How can I embed video from youtube using the url?如何使用 url 嵌入来自 youtube 的视频？
【发布时间】：2021-04-14 17:00:36
【问题描述】：

我不明白视频元素和 iframe 之间的区别。我想用来自 youtube 的视频作为背景设置标题。

为什么这不起作用：

<header>
    <video src="https://www.youtube.com/watch?v=FBIwiK7U9l0"></video>
</header>

【问题讨论】：

请编辑您的问题而不是添加评论。
不使用 iframe。看看 - stackoverflow.com/questions/18726480/…

标签： javascript html css

【解决方案1】：

您可以使用 iFrame：

<iframe width="560" height="315" src="https://www.youtube.com/embed/FBIwiK7U9l0"></iframe>

【讨论】：

【解决方案2】：

您链接的是网页而不是视频。
在 YouTube 上，您可以点击分享，然后将其嵌入。
您将拥有一个可行的 iframe

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

【讨论】：

我可以用 CSS 设置宽度和高度吗？我可以对视频元素做同样的事情吗？
宽度和高度是在我放置 width="560" height="315" 的地方定义的。至于视频标签，我认为您可以使用 CSS 对其进行调整。