2022-10-13

【HTML】 崁入Youtube 影片如何移除 logo及播放控制鈕

崁入Youtube 影片,預設會置入 Youtube logo 及播放鈕

如果是分享別人的影片,基於版權尊重,顯示相關設定是應該的,像上方的影片。

但今天我在排版作品集,想要左上跟右下的影片跟照片一樣乾淨,然後自動播放,也可以做到喔!

方法如下:

只要修改一下崁入的語法,這是預設的

<iframe width="560" height="315" src="https://www.youtube.com/embed/oSmUI3m2kLk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

改成以下,重點是這些參數設定

<iframe width="560" height="315" src="https://www.youtube.com/embed/oSmUI3m2kLk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

autoplay=1&controls=0&disablekb=1&loop=1&modestbranding=1&playsinline=1&color=white&mute=1&playlist=oSmUI3m2kLk

修改完就會移除 Youtube Logo 及播放控制鈕了 👍

請我喝杯咖啡吧 ^^

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

PeiYing Tsai
author
愛藝術,喜歡以科技解決問題的數位產品設計師。 堅持信念,任何困難事,必有搞定的一天,Just try it! 隨手紀錄日常學習到的知識心得,希望對妳/你有幫助。
coffee-cup linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram