Q: 我要怎麼嵌入Youtube影片且在電腦和手機看都正常? A

文章推薦指數: 80 %
投票人數:10人

步驟: 請新增一個「自訂模組」 編輯自訂模組,選「HTML」 貼入語法並存檔 把這個 ... 若您想作更多設定,請參考Google提供的「Youtube播放器演示」。

跳到主要內容區 首頁 網頁管理_我想放影片 在網頁嵌入影片請勿使用YouTube提供之嵌入語法,請使用內文提供的語法 發佈日期: 2019-12-17 最後更新日期: 2021-11-18 在網頁嵌入影片請勿使用YouTube提供之嵌入語法: 原因 YouTube提供的嵌入語法沒有作響應式(RWD)設計,導致電腦看影片很正常,手機看影片時右半會被切掉。

YouTube提供的嵌入語法在影片結束時,會根據用戶過去看影片的喜好放推薦影片,讓使用者感覺推薦影片與本校無關。

解決方法 編輯網頁,點選「HTML」,貼入語法並存檔。

或編輯網頁,點選「HTML」→開啟「HTML編輯器」→點工具列左上角的「原始碼」,貼入語法並存檔。

要貼什麼語法:   去哪找影片的ID: 打開YouTube影片 點選「分享」會顯示影片網址,第三個斜線右邊那串就是影片的ID。

例如影片網址為「https://youtu.be/SzvVIYW3CH0」,則「SzvVIYW3CH0」就是影片的ID 成果: 嵌入之影片有作響應式(RWD)設計,電腦和手機看影片都很正常,影片不會被切掉。

影片結束時,只會推薦同一個頻道的影片。

補充說明: 若您想作進階設定,請參考Google提供的「YouTube播放器演示」。

因在影片的ID後加入「?rel=0」,故只會顯示該頻道的影片,不會顯示其他頻道的影片。

若沒有設定「?rel=0」,則影片結束時會根據用戶過去看影片的喜好放推薦影片,讓使用者感覺推薦影片與本校無關。

(以前可以用「?rel=0」關掉結束畫面的推薦影片,但2018年9月起被改掉了) 若您的影片是很久以前拍的4:3影片,用這語法嵌入時,影片左右有黑邊是正常狀況。

怎麼在網站首頁放YouTube影片 請新增一個「自訂模組」 編輯自訂模組,選「HTML」 貼入語法並存檔 把這個自訂模組放到首頁 實作範例: 下方為對照組:使用YouTube提供之嵌入語法 請用手機看網頁,可以發現影片右半部被裁切掉,因為沒有作響應式(RWD)設計。

影片結束後,會推薦與本校無關的影片。

瀏覽數: 友善列印 分享 回到「校園網頁管理」看更多網頁管理說明



請為這篇文章評分?