Youtube视频嵌入 - 显示无

时间:2011-02-24 21:21:44

标签: html css youtube embedding

我正在使用此页面: http://www.kineticoriginsofrhythm.com/

我似乎无法让视频显示出来。我想我错过了一步。

视频显示在这里但不在索引启动JS上。 http://www.kineticoriginsofrhythm.com/splash.asp

我正在使用这个技术: http://jsfiddle.net/JjvzT/

有人知道吗?

非常感谢, 詹姆斯

3 个答案:

答案 0 :(得分:2)

我假设您想在“启动”页面上显示某种视频?

我查看了您的代码,您的HTML中嵌入了零视频。我只看到了这一点:<div id="video"></div>

YouTube会生成您需要的代码。您只需复制/粘贴它们在该位置为您生成的嵌入代码。

长话短说,您的网站上没有显示视频,因为您的网站上没有视频。如果您正在使用某种类型的网站表单来插入HTML代码,那么该工具可能会剥离您的代码。


这是一些额外的帮助。

您的启动HTML是:

<div id="splash" class="videosplash">
    <div id="homeButton"><a href="index.asp">Kinetic Origins of Rhythm Home Page</a></div>
    <div id="video"></div>
    <div class="clearfix"></div>
    <span><div id="enter"><a href="#">Enter KOR</a></div></span>
</div>

您的YouTube帐户中只有一个视频,因此我假设您希望将该视频关联起来。转到该视频的页面,然后单击“嵌入”链接以获取嵌入代码。这是为了简单起见:

<iframe title="YouTube video player" width="853" height="510" src="http://www.youtube.com/embed/H53rvFBqToA?rel=0" frameborder="0" allowfullscreen</iframe>

您可以使用iframe标记中的“width”和“height”属性来使其符合您希望在页面上显示的方式。但您基本上希望将“iframe”代码复制/粘贴到带有“视频”ID的“div”标签中。

干杯!

答案 1 :(得分:0)

不确定您是如何尝试加载的,但我总是尝试使用swfobject实施YouTube视频。似乎修复了交叉兼容性错误/等。

答案 2 :(得分:0)

您错过了链接中的视频ID。您刚刚指定了指向您频道的链接,但未包含ID。您的链接应该看起来像:

http://www.youtube.com/v/ZcEP3zVdYiM

以下是我如何实现它:

<object width="534" height="318">
    <param name="WMode" value="transparent"></param>
    <param name="movie" value="http://www.youtube.com/v/ZcEP3zVdYiM"></param>
    <param name="allowFullScreen" value="true"></param>
    <param name="allowscriptaccess" value="always"></param>
    <embed src="http://www.youtube.com/v/ZcEP3zVdYiM&hl=en_GB&fs=1&" wmode="transparent" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="534" height="318"></embed>
</object>

您可以将上述代码复制并粘贴到您的网站中,您只需更改视频链接即可。如果它们的大小不同,则为宽度/高度:o)