如何在HTML页面上显示YouTube视频?

时间:2012-04-27 03:31:41

标签: html youtube embed

首先嵌入了src youtube视频链接

 <html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title></title>
</head>
 <body>
<div>
    <object width="218" height="137"><param name="movie" value="http://www.youtube.com/v/jpiU5Y8luOQ&hl=en_US&fs=1&"></param>
        <param name="allowFullScreen" value="true"></param>
        <param name="allowscriptaccess" value="always"></param>
        <embed src="http://www.youtube.com/v/jpiU5Y8luOQ&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="218" height="137">
    </embed>
    </object>
</div>
</body>
</html>

第二次嵌入src视频链接

 <html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title></title>
</head>
<body>
<div>
    <object width="218" height="137"><param name="movie" value="http://www.youtube.com/watch?v=LwkeMx_OJxg&feature=related">
        <param name="allowFullScreen" value="true"></param>
        <param name="allowscriptaccess" value="always"></param>
        <embed src="http://www.youtube.com/watch?v=LwkeMx_OJxg&feature=related" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="218" height="137">
        </embed>
    </object>
</div>
</body>
</html>

第一个html cod在浏览器上显示视频文件,但第二个没有显示。由于视频文件类型不同,第二个不能显示出来吗?请  指导我该怎么做。

                                            Thanks in advance

3 个答案:

答案 0 :(得分:4)

在第二次嵌入时,您将对象直接链接到观看页面,该观看页面不是有效视频。你提供的是一个text / html页面,而不是一个视频。

您可以将此IFrame用于第二个IFrame,并根据需要调整高度/宽度:

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

答案 1 :(得分:2)

Youtube为您提供示例代码。你不能embed视频,你需要使用iframe。

Read this

答案 2 :(得分:0)

当您右键点击Youtube中的视频页面时,它会为您提供以下代码:

<object style="height: 137px; width: 218px">
<param name="movie" value="http://www.youtube.com/v/LwkeMx_OJxg?version=3&feature=player_detailpage">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
    <embed src="http://www.youtube.com/v/LwkeMx_OJxg?version=3&feature=player_detailpage" 
     type="application/x-shockwave-flash"
     allowfullscreen="true" allowScriptAccess="always" width="218" height="137">
</object>

哪个有用(我根据你的例子改变了宽度/高度来检查它是否有效,它确实