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>

3 Comments Add yours

JA-Anything