Q: 我要怎麼嵌入Youtube影片且在電腦和手機看都正常? A
文章推薦指數: 80 %
步驟: 請新增一個「自訂模組」 編輯自訂模組,選「HTML」 貼入語法並存檔 把這個 ... 若您想作更多設定,請參考Google提供的「Youtube播放器演示」。
跳到主要內容區
首頁
網頁管理_我想放影片
在網頁嵌入影片請勿使用YouTube提供之嵌入語法,請使用內文提供的語法
發佈日期:
2019-12-17
最後更新日期:
2021-11-18
在網頁嵌入影片請勿使用YouTube提供之嵌入語法:
原因
YouTube提供的嵌入語法沒有作響應式(RWD)設計,導致電腦看影片很正常,手機看影片時右半會被切掉。
YouTube提供的嵌入語法在影片結束時,會根據用戶過去看影片的喜好放推薦影片,讓使用者感覺推薦影片與本校無關。
解決方法
編輯網頁,點選「HTML」,貼入語法並存檔。
或編輯網頁,點選「HTML」→開啟「HTML編輯器」→點工具列左上角的「原始碼」,貼入語法並存檔。
要貼什麼語法:
例如影片網址為「https://youtu.be/SzvVIYW3CH0」,則「SzvVIYW3CH0」就是影片的ID
成果:
嵌入之影片有作響應式(RWD)設計,電腦和手機看影片都很正常,影片不會被切掉。
影片結束時,只會推薦同一個頻道的影片。
補充說明:
若您想作進階設定,請參考Google提供的「YouTube播放器演示」。
因在影片的ID後加入「?rel=0」,故只會顯示該頻道的影片,不會顯示其他頻道的影片。
若沒有設定「?rel=0」,則影片結束時會根據用戶過去看影片的喜好放推薦影片,讓使用者感覺推薦影片與本校無關。
(以前可以用「?rel=0」關掉結束畫面的推薦影片,但2018年9月起被改掉了)
若您的影片是很久以前拍的4:3影片,用這語法嵌入時,影片左右有黑邊是正常狀況。
怎麼在網站首頁放YouTube影片
請新增一個「自訂模組」
編輯自訂模組,選「HTML」
貼入語法並存檔
把這個自訂模組放到首頁
實作範例:
下方為對照組:使用YouTube提供之嵌入語法
請用手機看網頁,可以發現影片右半部被裁切掉,因為沒有作響應式(RWD)設計。
影片結束後,會推薦與本校無關的影片。
瀏覽數:
友善列印
分享
回到「校園網頁管理」看更多網頁管理說明
延伸文章資訊
- 1Q: 我要怎麼嵌入Youtube影片且在電腦和手機看都正常? A
步驟: 請新增一個「自訂模組」 編輯自訂模組,選「HTML」 貼入語法並存檔 把這個 ... 若您想作更多設定,請參考Google提供的「Youtube播放器演示」。
- 2如何自動播放嵌入的YouTube 影片 - 4K Download
- 3YouTube 在網頁版播放器測試新的自動播放開關,操作更順手
在之前用網頁版本YouTube 觀看影片時,每回都要依實際情況以更多步驟來找開關設定顯然不夠直覺,之前YouTube 在應用程式中已經加入了自動播放開關,現在 ...
- 4YouTube 網頁內嵌影片自動播放影片方法教學 - IN MAG
之前教學YouTube時已經有教學過嵌入至網頁及製作響應式網頁(RWD) , 不過或許有些人會想知道內嵌的網頁中的YouTube影片,能不能在一開始打開影片時就 ...
- 5網站嵌入YouTube影片無法播放?提供三大解決方案 - 天矽科技
於網頁加入Youtube影片時,需在編輯器內貼上Youtube提供的HTML代碼,先檢查無法顯示是否為代碼複製錯誤、代碼複製成影片連結等等。 ※ 但貼影片連結就設定Youtube播放器,這 ...