YouTubeを、スマホでインライン表示、かつミュートするには

YouTubeを、スマホでインライン表示、かつミュートするには

Youtube画面から「共有」→「埋め込む」とすすみ、埋め込みコードをコピーします。

例えば、以下のコードが取得されたとします。

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

URLの部分の後へ、?playsinline=1&amp;mute=1&amp; を挿入します。

なお xxxxxxx は、ご自身の作品IDを入れてください。

以下のコードを、カスタムHTMLブロックへ、コピー&ペーストしてご利用ください。

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

注意点

上記の設定で、YouTubeをスマホで再生しますと、画面をタップしても、全画面表示へ移動出来ないので、焦るかも知れません。

スマホを横に倒すと、右下に、全画面へ移動するマークが出てきます。

以上です。