2011-02-24 209 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