YouTube埋め込みプレーヤーに関するTips

youtube-thumbs Youtube/VOD
スポンサーリンク

WordPressにYouTube動画を埋め込む場合ブロックエディタの場合は「動画」あるいは「YouTube」のコンテンツブロックからURLを入力するだけで動画が埋め込めて大変便利です。

こんなイメージです。

しかしながら、この方法ですと動画をミュートさせたりループさせたり等が行えませんのでYouTubeからiframeの埋め込みタグを取得してから、ミュートなどの各パラメータを付加してカスタムHTMLブロックから埋め込む事になります。筆者はYouTubeロゴを消したくて試してみたのですが、一点引っ掛かかったので備忘録として残しておきます。

上に埋め込んだ動画はiframeで消音(ミュート)とYouTubeロゴの打ち消し、関連動画の非表示を行っています。動画を再生して頂くとミュートされ、右下のYouTubeロゴがなく、動画を停止しても関連動画が表示されない事が確認頂けると思います。

消音させたい場合は?mute=1
YouTubeロゴを消したい場合は?modestbranding=1
関連動画を非表示させたい場合は?rel=0https://www.youtube.com/embed/xxxの後に入れる事でパラメーターを摘要させる事が可能です。
https://www.youtube.com/embed/xxx?mute=1のような形です。

更に複数のパラメータを摘要させたい場合は2つ目以降のパラメータの?&に変えて後ろに付加させれば摘要可能です。https://www.youtube.com/embed/xxx?mute=1&modestbranding=1&rel=0といった感じです。

YouTubeの各パラメータは公式サイトで確認できますので、ループやリスト再生などお好みの機能を見つけて設定してみて下さい。

YouTube 埋め込みプレーヤーとプレーヤーのパラメータ

私の場合は前述の通りYouTubeロゴを消して、動画進行状況バーの色を赤から白に変更したかったのですが、colorパラメータでwhiteを設定するとmodestbrandingオプションが無効になるとしっかり書かれておりました。

コメント

タイトルとURLをコピーしました