ビデオを埋め込んだ時にYouTubeの再生ボタンやチャンネル情報、タイトル名を表示させない方法

[rannnn]

初歩的な質問でしたら申し訳ございませんが、知識が乏しく解決方法がありましたらお手伝いいただけると助かります！

Videoのセクションをサイト内に追加しているのですが、

YouTubeから入れて動画部分にカーソルを合わせると下記のように再生ボタンや詳細情報が出てしまいます。

この表示が出ないようにしたいのですが、YouTubeの仕様なので難しいのでしょうか。

[Qcoltd · Accepted solution]

@rannnn様

ご質問いただいているYouTubeのボタン等を非表示にしたい場合は、liquidファイルにパラメータを追加することで、プレーヤー コントロール（ページ下部の再生バー類）を非表示にすることが可能です。
ただし、それ以外の項目につきましては、パラメータが用意されていないため、非表示にすることはできません。
また、プレーヤー コントロールを非表示にした場合、動画にマウスが乗った場合右下にYouTubeのロゴが表示されてしまいます。

現在YouTubeでサポートされているパラメータ一覧は以下のURLから確認できます。
https://developers.google.com/youtube/player_parameters?hl=ja#Parameters

タイトルやYouTubeのロゴを表示したくない場合は、「Shopifyがホストするビデオ」部分から動画をアップすることをおすすめします。

プレーヤー コントロールのみになりますが、ShopifyのDawnテーマバージョン11.0.0を元に非表示する方法を記載させて頂きます。

liquid変更方法

1. 管理画面 > オンラインストア > コードを編集をクリック
   
   
   
2. video.liquidを検索し対象ファイルを開く
   
3. video.liquidの下記コードを
   src="https://www.youtube.com/embed/{{ video_id }}?enablejsapi=1&autoplay=1{{ loop }}"
   下記コードに変更し保存ボタンをクリック
   
   src="https://www.youtube.com/embed/{{ video_id }}?enablejsapi=1&autoplay=1{{ loop }}&controls=0&rel=0"
   

ご参考まで
(キュー小坂)

[rannnn]

ありがとうございます！

お返事が遅くなり申し訳ございません。

いただいたコード編集で可能になりました。

大変助かりました。ありがとうございます。