我正在使用此页面: http://www.kineticoriginsofrhythm.com/
我似乎无法让视频显示出来。我想我错过了一步。
视频显示在这里但不在索引启动JS上。 http://www.kineticoriginsofrhythm.com/splash.asp
我正在使用这个技术: http://jsfiddle.net/JjvzT/
有人知道吗?
非常感谢, 詹姆斯
答案 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)