如何讓外嵌的YOUTUBE影片自動播放並靜音 (行動裝置/手機適用)


要如何讓外嵌的YOUTUBE影片自動播放並靜音呢?

通常我們在為自己的部落格或網站外嵌YOUTUBE影片的時候,會先到該影片的【分享】功能中的【嵌入】複製語法貼上

例如像這樣

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


如果希望讓影片自動播放並且靜音的時候,就可以在「歌曲網址」後面加入以下語法

?autoplay=1&mute


加進去就會變成以下語法

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



把這個語法放在文章的HTML裡面,就可以達成自動播放但靜音的模式,如果手機要開啟聲音必須點進影片才可以取消靜音喔!


關於這點我也還在考慮自己文章中放入音樂的時候究竟要不要設定靜音呢,畢竟有時候只是想要查歌詞,影片就自動播歌,沒有戴耳機會有點尷尬呢!





張貼留言

較新的 較舊