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

on

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

  1. alice表示:

    您好 想問一下我用了最後一個方式(loop+autoplay)但最後影片實際上只有循環播放耶
    [youtube https://www.youtube.com/watch?v=DzBQumRR2kI?rel=0&autoplay=1&loop=1&playlist=DzBQumRR2kI&w=640&h=360%5D
    不好意思 請問是這個樣子嗎
    謝謝

  2. 陳威廷表示:

    謝謝您,受益良多

  3. 網頁設計表示:

    您好~
    ?rel=0&autoplay=1
    目前很像沒有作用?

發佈留言

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