1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. Youtube 影片嵌入網頁中,並設定無限重覆播放影片教學

Youtube 影片嵌入網頁中,並設定無限重覆播放影片教學

2022/01/05

梅問題-Youtube 影片嵌入網頁中,並設定無限重覆播放影片教學
  現在只要是分享影片,不是放置Facebook就是Youtube,而梅干個人比較喜愛將影片放置Youtube中,除了支援4K高畫質影音外,甚至影片也不會被任意的調整解析度,明明上傳1080p但卻只有720p有時甚至更低。

且將影片上傳到Youtube後,還能嵌入到自己的網頁中,但唯一比較麻煩的是,當影片播放完畢後,最後一幕就會出現各式各樣的影片縮圖,因此讓梅干想了許久,竟然找到一段語法,不但可設定Youtube影片自動播放外,甚至還可以一直循環播放,如此一來當影片播放到最尾端時,就會自動跳回第一格繼續播放,因此有把影片嵌入網頁中的朋友,也一塊來看看,如何設定讓你的Youtube影片,也能無限的重覆播放吧!


Step1
首先先將Youtube影片上傳,並將影片分享的URL貼到網頁中。
梅問題-Youtube 影片嵌入網頁中,並設定無限重覆播放影片教學
Step2
接著在後方,加入?autoplay=1&loop=1&playlist=Youtube影片ID。 
梅問題-Youtube 影片嵌入網頁中,並設定無限重覆播放影片教學
Step3
在儲存完畢後,立馬來測試一下,當影片播放到最後一格時,就會自動的跳回第一格,並繼續的播放。
梅問題-Youtube 影片嵌入網頁中,並設定無限重覆播放影片教學