以下內容更新於 — 2020-05-15 的 18:50

文章目錄 隱藏
1. 不同嵌入語法的影片呈現效果
1.1. 下面是YouTube提供的無響應式的嵌入代碼
1.2. 下面是區塊編輯器直接在〔Paragraph〕貼上網址
1.3. 下面是響應式YouTube影片產生器所生成的代碼
1.4. 以下是刪除frameborder，並且在CSS中加入border: 0 none;
1.5. 下面是加入自訂的循環播放代碼
1.6. 下面是同時包含循環播放+自動播放的代碼

這裡是基於另外一篇文章所做的示範影片，詳細的嵌入語法請見☞Gutenberg/區塊編輯器教學｜無法嵌入Youtube的免外掛響應式方案

不同嵌入語法的影片呈現效果

建議可用手機瀏覽，就會發現無響應式的影片，寬度會超過手機螢幕。

下面是YouTube提供的無響應式的嵌入代碼

下面是區塊編輯器直接在〔Paragraph〕貼上網址

下面是響應式YouTube影片產生器所生成的代碼

以下是刪除frameborder，並且在CSS中加入border: 0 none;

下面是加入自訂的循環播放代碼

下面是同時包含循環播放+自動播放的代碼