2015-06-20 65 views
0

我是新来的HTML和我目前正在建立一个基于模板的网站。我试图插入视频,但是当我粘贴视频的网址(YouTube,保存并刷新时,视频应该是空白的页面字段,如果我右击它说“视频未加载” 。我对视频的HTML代码为:视频插入到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" /> 

我已经尝试过其他的东西太多,没有任何成功的任何想法

+0

您可以使用由YouTube为您生成的嵌入代码。 – Ryan

+0

您是否尝试过其他任何YouTube视频?这个特定的状态“嵌入被请求禁用” – nomistic

+0

我试过一些视频没有运气。如果你想上传一个随机视频,你会改变上面的参数。我对这些愚蠢的问题感到抱歉,但这是我对HTML5/CSS的第一部作品,我试图弄清楚。 –

回答

0

到YouTube视频添加到您的网站的最简单的方法就是使用来实现它? iframe元素 在看视频时,点击“共享”,“嵌入”并将代码复制/粘贴到您的HTML文件中

另外,请记住总是关闭你的标签。

<object> 
    ... 
</object> 
0

我从来没有使用Object标记之前,但我可以给一些替代方案:

第一种情况,如果你能得到的视频文件,我应该这样做:

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

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

OR,第二种情况下,你可以这样做,如果你不想下载的视频,你能找到另一个视频,允许embetting,你可以做到这一点(我找到了你;)):

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

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