如何使用对象标签嵌入 YouTube 视频？答案

【问题标题】：How to embed YouTube video using object tag?如何使用对象标签嵌入 YouTube 视频？
【发布时间】：2020-05-31 21:14:44
【问题描述】：

我正在尝试通过object 标签在 HTML 中包含 YouTube 视频：

<object width="500" height="500" data="https://www.youtube.com/watch?v=aqsL0QQaSP4"></object>

目前，视频不显示。我在 W3Schools 上搜索过，他们有类似的代码，但 URL 不同，但它可以工作：

<object width="420" height="315"
data="https://www.youtube.com/v/XGSy3_Czz8k">
</object>

object data 属性可以使用哪种 URL？

【问题讨论】：

【解决方案1】：

想通了。您需要在 youtube.com 的末尾添加一个“v/”。基本上，您嵌入的新视频链接是https://www.youtube.com/v/watch?v=aqsL0QQaSP4

<object width="420" height="315"
data="https://www.youtube.com/v/watch?v=aqsL0QQaSP4">
</object>

【讨论】：

是的，它有效。但我的问题是我们可以将什么样的 url 放入对象数据属性中。
我相信您需要使用直接链接，例如 youtube.com/v/。可以这样想； youtube.com/watch 链接相当于 imgur.com/gallery/abc123，而 /v/ 链接相当于 imgur.com/abc123.png。您不会在标记中使用网站链接，而是使用直接链接。这是 YouTube 的等价物。无论如何，如果我的回答对您有所帮助，您能否接受它以便其他人知道在哪里看？

【解决方案2】：

YouTube 推荐的嵌入视频的方法是使用 iframe。这就是它的样子：

&lt;iframe width="854" height="480" src="https://www.youtube.com/embed/aqsL0QQaSP4" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;

编辑：如果您想使用<object> 标签，请查看我的其他答案。

【讨论】：

【解决方案3】：

你应该改用这个

<iframe width="560" height="315" src="https://www.youtube.com/embed/aqsL0QQaSP4" frameborder="0" allowfullscreen></iframe>

【讨论】：