Youtube影片iframe嵌入網頁設定自動播放(autoplay),重複播放(loop),靜音(mute),播放清單(Playlist)

Before

<iframe width="640" height="360" src="[YouTube Video URL]" frameborder="0" allowfullscreen></iframe>

再把 [YouTube Video URL] 拆解一下
[https://www.youtube.com/embed/影片ID]
取得影片ID之後就可以多方利用了
在URL後面先加 [?rel=0] 之後再接想要的功能就可以了

Autoplay 自動播放
autoplay=1

<iframe width="640" height="360" src="[YouTube Video URL]?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>

Loop 重覆
loop=1&playlist=影片ID

<iframe width="640" height="360" src="[YouTube Video URL]?rel=0&loop=1&playlist=影片ID" frameborder="0" allowfullscreen></iframe>

Mute 靜音
volumn=”0″

<iframe width="640" height="360" src="[YouTube Video URL]?rel=0&loop=1&playlist=影片ID" frameborder="0" allowfullscreen volumn="0"></iframe>

Playlist 播放清單
loop=1&playlist=影片ID1,影片ID2
 
Autoplay + Loop

<iframe width="640" height="360" src="[YouTube Video URL]?rel=0&autoplay=1&loop=1&playlist=影片ID" frameborder="0" allowfullscreen></iframe>

在〈Youtube影片iframe嵌入網頁設定自動播放(autoplay),重複播放(loop),靜音(mute),播放清單(Playlist)〉中有 2 則留言

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *