前言
想要嵌入 YouTube 影片壓在底下當背景,但又不知道怎麼讓它自動播放嗎?其實嵌入時利用不同參數,就可以設定靜音、自動播放、重播⋯⋯等等眾多功能,讓你能更自由的去運用 YouTube 做變化。
( 圖片來源 )
怎麼嵌入 YouTube 影片到網頁上
Step1. 到 Youtube 上搜尋欲嵌入的影片,然後點擊影片下方的分享按鈕。
Step2. 點選視窗內的嵌入。
Step3. 複製嵌入視窗內的 HTML 原始碼。
Step4. 貼入原始碼就能完成嵌入影片。
添加參數即可完成多項設定
Youtube 嵌入影片 src src="https://www.youtube.com/embed/代碼"
,如果要新增設定只要在代碼後加上 ?
和參數即可,然後要同時使用多種功能,就在每組參數中用 &
隔開。
https://www.youtube.com/embed/代碼?參數1=值&參數2=值&參數3=值
靜音
加上參數 mute=1
即可開啟靜音功能。
https://www.youtube.com/embed/oK7ypv0szlY?mute=1
自動播放
這個設定比較特別,為了避免干擾網站的使用者,所以需要同時加上靜音 mute=1
跟 autoplay=1
才能開啟自動播放功能。
https://www.youtube.com/embed/oK7ypv0szlY?mute=1&autoplay=1
自動重播
需在同時加上 loop=1
和 playlist=影片ID
兩個參數。
https://www.youtube.com/embed/oK7ypv0szlY?loop=1&playlist=oK7ypv0szlY
設定開始與結束時間
start=秒數
設定開始時間,end=秒數
設定結束時間,兩者可單獨或一起使用。
https://www.youtube.com/embed/oK7ypv0szlY?start=60&end=120