2011-02-24 206 views
2

我在这里这个网页的: http://www.kineticoriginsofrhythm.com/YouTube视频嵌入 - 显示无

,我似乎无法获得视频展现出来。我想我错过了一步。

视频显示在这里,但不是在索引飞溅JS。使用 http://www.kineticoriginsofrhythm.com/splash.asp

林这个技术: http://jsfiddle.net/JjvzT/

任何人都知道吗?

非常感谢, 詹姆斯

+3

请在这里显示一些相关的代码,以便这个问题对未来的观众也有价值。 – 2011-02-24 21:23:59

+0

或链接上,甚至无法看到嵌入代码。 – jonezy 2011-02-24 21:24:45

+0

请重新阅读OP,因为我添加了一些信息。 TY为你的帮助顺便说一句。 – Varazi 2011-02-24 21:34:00

回答

2

我假设你想在“飞溅”页面上有某种视频?

我查看了您的代码,并且您的HTML中嵌入了零视频。我看到的全部是:。

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标签属性得到它,以适应您的网页上,你希望它的方式。但你基本上想用“视频”ID将“iframe”代码复制/粘贴到你的“div”标签中。

干杯!

0

不知道你如何试图加载,但我一直试着和swfobject实施YouTube视频。似乎修复交叉兼容性错误/等。

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)

+0

请重新阅读OP,因为我添加了一些信息。 TY为你的帮助顺便说一句。 – Varazi 2011-02-24 21:33:32

+1

@Varazi:在'Splash'页面的'iframe'中有正确的'embed'链接。将该链接复制到您的其他页面,它将起作用。 – 2011-02-24 21:35:23