使用 <object> 元素插入视频

Insert video using <object> element

提问人:Sora1rox1 提问时间:9/17/2022 更新时间:9/17/2022 访问量:185

问:

我是 HTML 的新手,需要使用元素将 youtube 中的视频插入到我的页面上。我尝试了不同的方法,但就是无法让它工作。这是链接:https://www.youtube.com/watch?v=ZSM3w1v-A_Y

<!DOCTYPE HTML>
<HTML> 
<head> <title> video </title> </head>
<body>
  <object> </object>

</body> </html> 
HTML xhtml

评论

0赞 Jesse 9/17/2022
在您的网站上显示来自 YouTube 的视频的唯一方法(除了下载视频并自行提供)是使用 iframe。YouTube 实际上提供了您所需的代码。如果您打开任何视频,您可以右键单击它,然后单击“复制嵌入代码”。iframe 将被复制到您的剪贴板,您可以将其粘贴到您的网站中。
0赞 Sora1rox1 9/17/2022
是的,赋值说要使用 <object> 元素来执行此操作。
0赞 Jesse 9/17/2022
好。你提到你尝试了几件事。您能否将其作为最小的、可重复的例子包含在您的问题中?您还应该阅读如何提问如何提出家庭作业问题,以获取有关如何改进问题的更多信息。将其缩小到单个特定问题,而不是“我需要完成这项任务,答案是什么?
0赞 Jesse 9/17/2022
虽然我会给你一个提示,但你可以用 .和 .<iframe><object>src=data=

答:

1赞 Gradyn Wursten 9/17/2022 #1

您不应该用于显示视频。用于视频是一种过时的方法。请改用<object><object><video>

 <video controls>
  <source src="video.mp4" type="video/mp4">
</video> 

如果你真的想使用<object>

 <object data="video.mp4"></object> 

当然,所有这些都假设您下载了视频。如果您想像您的示例一样直接从 youtube 链接显示 youtube 视频,您只需使用 iframe 将 youtube 播放器嵌入到您的网页中。您无法直接从 youtube 访问原始视频。

<iframe src="https://www.youtube.com/watch?v=ZSM3w1v-A_Y">

编辑:为澄清起见,您可以链接到其他来源的视频,但 YouTube 不会公开原始视频本身,因此这不适用于 YouTube。此外,从技术上讲,您可以按照您的描述将 YouTube 链接直接放入 中,但这将导致 CORS 违规,因此不会加载。这本质上也只是嵌入了 youtube 播放器<object>

评论

0赞 Jesse 9/17/2022
只要 CORS 政策允许,您就可以在其他网站上使用和标记来源,在这种情况下,YouTube 就是这样(因此您也可以使用 iframe)<video><object>