2011年3月21日 星期一

ⓒYoutube新版iframe嵌入影片自動及重複播放改法

首先打開您想要嵌入的Youtube影片並複製嵌入碼,如圖:


這是從Youtube得來的嵌入碼:
<iframe title="YouTube video player" width="560" height="349" src="http://www.youtube.com/embed/xHMkBFreJLA?hd=1" frameborder="0" allowfullscreen></iframe>

我們需要修改的只有紅色那一串,
以下就讓我們依照下面兩種不同需求來針對這一串網址進行修改吧~

1. 重複播放

新版重複播放改法很簡單,請改成這樣:
『http://www.youtube.com/embed/xHMkBFreJLA?hd=1&loop=1&playlist=xHMkBFreJLA
注意到藍色的那一段是由『&loop=1』以及『&playlist=xHMkBFreJLA』所組成的,
其中橘色的是Youtube的代碼,
也就是上面紅色的那一串網址中粗斜體的部份,
記住在新版的iframe嵌入語法『loop』及『playlist』都要加入才會自動播放唷。


2. 自動重複播放

自動播放也非常容易請改成這樣:
『http://www.youtube.com/embed/xHMkBFreJLA?hd=1&autoplay=1&loop=1&playlist=xHMkBFreJLA
自動播放其實就是再加入綠色字的『&autoplay=1』,
若是不要重複播放就把藍色字的部份砍掉即可。


這樣子大家應該都學會如何設定好自己想要的嵌入式播放器了吧!!


下面是我們的播放器實際演示,請繼續閱讀:


1. 重複播放


2. 自動重複播放

2 則留言:

凱_Blogger 提到...

...自動播放好像沒用了?

QQBoxy 提到...

有阿,
我一打開就開始播了0.0
測試過:
Chrome 12.0.742.112
Firefox 3.6
IE 8