如何在網頁中嵌入「YouTube播放清單」呢?
這是嵌入YouTube影片的樣子:
這是嵌入YouTube播放清單的樣子:
差別在哪裡呢?
嵌入播放清單的話,右上角會多一個播放清單的圖式,就是三條線的圖示。
點那個三條線按鈕之後,就會看到你預先設定好的整個清單了!這是直接嵌入影片所沒有的功能!如果你希望傳達給讀者的是一系列的影片,而不是單一影片,那麼建議你把這整系列的影片在YouTube裡做成一個播放清單,做好之後會顯示如下圖:
左下角那邊會顯示你製做的所有播放清單,點一下你要嵌入的播放清單,然後可以看到網址列有更改,變成下面這樣:
請把網址列裡playlist?list=以後的所有英文編碼複製下來,待會會用到!以我這個示範的播放清單來說,就是下面這段文字PL_7gCkAUNz_LyjsDza_V0Jcq21c91k6gV。
接著請複製下面這段程式碼,其中紅色那段是我這個播放清單專屬的編碼,請複製下面這段程式碼,並把紅色那段編碼改成你自己的播放清單編碼。
<iframe allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/videoseries?list=PL_7gCkAUNz_LyjsDza_V0Jcq21c91k6gV" width="560"></iframe>
把這段程式放在你的網頁程式碼裡面就完成了喔~~
這是嵌入YouTube影片的樣子:
這是嵌入YouTube播放清單的樣子:
差別在哪裡呢?
嵌入播放清單的話,右上角會多一個播放清單的圖式,就是三條線的圖示。
點那個三條線按鈕之後,就會看到你預先設定好的整個清單了!這是直接嵌入影片所沒有的功能!如果你希望傳達給讀者的是一系列的影片,而不是單一影片,那麼建議你把這整系列的影片在YouTube裡做成一個播放清單,做好之後會顯示如下圖:
如何在網頁中嵌入YouTube播放清單 |
如何在網頁中嵌入YouTube播放清單 |
請把網址列裡playlist?list=以後的所有英文編碼複製下來,待會會用到!以我這個示範的播放清單來說,就是下面這段文字PL_7gCkAUNz_LyjsDza_V0Jcq21c91k6gV。
接著請複製下面這段程式碼,其中紅色那段是我這個播放清單專屬的編碼,請複製下面這段程式碼,並把紅色那段編碼改成你自己的播放清單編碼。
---------------------我是分隔線---------------------
<iframe allow="autoplay; encrypted-media" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/videoseries?list=PL_7gCkAUNz_LyjsDza_V0Jcq21c91k6gV" width="560"></iframe>
---------------------我是分隔線---------------------
把這段程式放在你的網頁程式碼裡面就完成了喔~~
【網站架設】如何在網頁中嵌入「YouTube播放清單」?
Reviewed by 林子翔
on
7月 02, 2019
Rating:
沒有留言: