內容更新於 — 2021-03-10 18:32

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

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

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

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

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

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

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

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

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