如何在部落格或是網頁上自動播放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&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&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&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&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嵌入影片的嵌入程式碼就可以了喔!
請教您:
回覆刪除在wordpress,youtube自動播放試不成功啊..
有人試成功的嗎?
感謝您
回覆刪除非常非常感謝您
幫了我很大的忙
非常好!很簡單、也很容易地就解決了我的難題!在此給予鼓勵和肯定!
回覆刪除非常好!
回覆刪除謝謝板主細心的教學^_^
回覆刪除