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

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

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

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

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


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


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


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


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


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

好嘛好嘛…臨走前幫我拍拍手嘛
如果你願意免費幫助我,請在下方圓形按鈕幫我拍拍手。
最多可以按5下,那就幫我按5下吧!
算我求你啦啦啦~~~
謝謝你、我愛你❤
臉書或Google帳號就可以快速登入喲…
訂閱搶先看
menu
0
對文章有任何疑問或想法嗎?歡迎一起討論唷!x
()
x