插入到HTML网页的视频

Question

我是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" />

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

Answer 1

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

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

<object>
    ...
</object>

Answer 2

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

第一种情况，如果你能得到视频文件，我会这样做：

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

这是一个简单的HTML5视频标签。工作正常。

或者，第二种情况，如果你不想下载视频，你可以这样做，你可以找到另一个允许嵌入的视频，然后你可以这样做(我为你找到了;)：

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

Answer 3

缺少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>