插入到HTML网页的视频

我是HTML新手，目前正在基于模板构建网站。我正在尝试插入视频，但当我粘贴视频的URL（youtube，保存，然后刷新）时，视频应位于的页面字段为空白白色，如果我右键单击它，它会显示“视频未加载”。我的视频HTML代码为：

<object class="alignimages" type="application/x-shockwave-flash" style="width:420px; height:315px;" data="https://www.youtube.com/watch?v=-Y8QxOjuYHg">
        <param name="movie" value="https://www.youtube.com/watch?v=-Y8QxOjuYHg" />
        <param name="allowFullScreen" value="true" />
        <param name="allowscriptaccess" value="always" />

---

我也尝试过其他方法，但没有成功。有什么想法吗？

将youtube视频添加到站点的最简单方法是使用iframe元素实现它。 观看视频时，单击“共享”、“嵌入”并将代码复制/粘贴到html文件中

此外，请记住始终关闭标签

<object>
    ...
</object>

...

我以前从未使用过Object标记，但我可以给出一些替代解决方案：

首先，如果你能得到视频文件，我会这样做：

<video id="video" controls>
    <source src="./video/video.ogv"/>
    <source src="./video/video.mp4"/>
    <source src="./video/video.webm"/>
</video>

这是一个简单的HTML5视频标签。效果很好

或者，第二种情况，如果你不想下载视频，你可以这样做，你可以找到另一个允许盗用的视频，你可以这样做（我为你找到的；）：

---

您缺少html5参数。下面的代码片段应该适合您：

<object width="420" height="315">
<param name="movie" value="http://www.youtube.com/embed/-Y8QxOjuYHg?html5=1&amp;rel=0&amp;hl=en_US&amp;version=3"/>
<param name="allowFullScreen" value="true"/>
<param name="allowscriptaccess" value="always"/>
<embed width="420" height="315" src="http://www.youtube.com/embed/-Y8QxOjuYHg?html5=1&amp;rel=0&amp;hl=en_US&amp;version=3" class="youtube-player" type="text/html" allowscriptaccess="always" allowfullscreen="true"/>
</object>

您可以使用YouTube为您生成的嵌入代码。您尝试过其他YouTube视频吗？这个特别的声明是“请求禁用嵌入”，我尝试了一些视频，但运气不好。如果你想上传一个随机视频，你会改变上面的哪些参数。对于这些愚蠢的问题我很抱歉，但这是我第一次研究HTML5/CSS，我正试图弄明白。如果你使用

https://www.youtube.com/embed/-Y8QxOjuYHg

？

<object width="420" height="315">
<param name="movie" value="http://www.youtube.com/embed/-Y8QxOjuYHg?html5=1&amp;rel=0&amp;hl=en_US&amp;version=3"/>
<param name="allowFullScreen" value="true"/>
<param name="allowscriptaccess" value="always"/>
<embed width="420" height="315" src="http://www.youtube.com/embed/-Y8QxOjuYHg?html5=1&amp;rel=0&amp;hl=en_US&amp;version=3" class="youtube-player" type="text/html" allowscriptaccess="always" allowfullscreen="true"/>
</object>