讓YouTube嵌入影片自動播放與重複播放起來!

玩樂家 | 3/28/2011 | | Share on Facebook
如何在部落格或是網頁上自動播放YouTube的嵌入影片,其實讓YouTube嵌入影片自動播放很簡單,只要內嵌程式碼中加上自動播放的參數,就可以讓YouTube嵌入影片很輕鬆地在網頁打開時就會自動播放喔!另外還會教你如何把自動播放變成自動重複播放,讓YouTube嵌入影片可以一直...
如何在部落格或是網頁上自動播放YouTube的嵌入影片,其實讓YouTube嵌入影片自動播放很簡單,只要內嵌程式碼中加上自動播放的參數,就可以讓YouTube嵌入影片很輕鬆地在網頁打開時就會自動播放喔!另外還會教你如何把自動播放變成自動重複播放,讓YouTube嵌入影片可以一直自動重複播放下去!或是單純的重複播放,這些設定的方法都很簡單喔!
YouTube嵌入影片自動播放
當瀏覽者點入網頁時,就會看到網頁內的YouTube嵌入影片開始自動播放,這種設定其實很簡單喔!只要稍加修改一下語法為YouTube內嵌程式碼加入自動播放參數,就會像下面的影片一樣開始自動重複播放喔!


舊版embed內嵌程式碼

<object width="480" height="390"><param name="movie" value="http://www.youtube.com/v/pY5jko0w8PQ?fs=1&amp;hl=zh_TW"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/pY5jko0w8PQ?fs=1&amp;hl=zh_TW" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="390"></embed></object>

如果要讓影片自動播放,只要在影片 ID(綠色的地方) 後面加上自動播放參數

&autoplay=1


就像下面的範例程式碼一樣
<object width="480" height="390"><param name="movie" value="http://www.youtube.com/v/pY5jko0w8PQ?fs=1&amp;hl=zh_TW"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/pY5jko0w8PQ&autoplay=1?fs=1&amp;hl=zh_TW" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="390"></embed></object>

就可以自動播放舊版embed內嵌程式碼的YouTube嵌入影片了喔!



新版iframe內嵌程式碼
新版因為採用新的技術來播放影片,而YouTube也尚未釋出新的自動播放參數,所以只需修改一下新版iframe內嵌程式碼 就可以達成我們自動播放YouTube嵌入影片的目的!
原理是把新版iframe內嵌程式碼的影片網址改成舊版embed內嵌程式碼的影片網址就可以重新使用舊版的YouTube嵌入影片的自動播放參數。

首先必須把藍色的embed

<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/pY5jko0w8PQ" frameborder="0" allowfullscreen></iframe>

改成v
<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/v/pY5jko0w8PQ" frameborder="0" allowfullscreen></iframe>

然後同樣地把自動播放參數
&autoplay=1

加在綠色的影片ID後面
<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/v/pY5jko0w8PQ&autoplay=1" frameborder="0" allowfullscreen></iframe>

就可以達成我們要自動播放YouTube嵌入影片的目的了~

YouTube嵌入影片自動重複播放與重複播放


原本YouTube嵌入影片的自動播放參數預設是只會播放一次而已,但是遇到要自動重複播放YouTube嵌入影片的需求怎麼辦?自動重複播放YouTube嵌入影片的方法很簡單,只要 在自動播放參數中,再加入重複播放的參數就可以了喔!就會像上面的影片一樣自動重複播放喔!

原本的自動播放參數 &autoplay=1

在後面加上重複播放的參數
&loop=1
組合起來就是YouTube嵌入影片的自動重複播放參數喔! &autoplay=1&loop=1
接著只要加入YouTube嵌入影片的嵌入程式碼就可以了喔!

YouTube嵌入影片重複播放

當然也可以只加入重複播放的參數,這樣當瀏覽者按下播放按鈕後,才會開始重複播放YouTube嵌入影片。
&loop=1
一樣只要加入YouTube嵌入影片的嵌入程式碼就可以了喔!



Share on Facebook

歡迎幫我們在玩樂家粉絲團點個讚!獲得最新好文!

玩樂家歡迎你加入我們,Google +1獲得最新好文!
Related Posts Plugin for WordPress, Blogger...

5 則留言 :

  1. 請教您:
    在wordpress,youtube自動播放試不成功啊..
    有人試成功的嗎?

    回覆刪除
  2. 感謝您
    非常非常感謝您
    幫了我很大的忙

    回覆刪除
  3. 非常好!很簡單、也很容易地就解決了我的難題!在此給予鼓勵和肯定!

    回覆刪除
  4. 謝謝板主細心的教學^_^

    回覆刪除