スマホで見つける、もっと可愛い私

HTMLコードを使ってYouTubeの動画の埋め込みをする方法!

HTMLコードを使ってYouTubeの動画の埋め込みをする方法!

アノテーションの非表示

アノテーションとは、動画の途中で表示されるクリック可能なテキストやボタンです。動画の途中で他の動画や商品へのリンクが表示されるのを見たことがある方も多いはず。それがアノテーションです。

src=”https://www.youtube.com/embed/VIDEO_ID?iv_load_policy=3
オプション解説

  • iv_load_policy:アノテーションを表示させるかどうか。1で表示、3で非表示。デフォルトは1。

外枠を表示する

埋め込んだ動画に外枠を表示させたいときは、コピーしたHTMLコードの赤枠部分を変更しましょう。

外枠

オプション解説

  • frameborder:動画の外枠を表示させるかどうか。0で表示しない、1で表示する。

全画面ボタンの非表示

全画面ボタンを非表示にするには、次のオプションを追加してください。

src=”https://www.youtube.com/embed/VIDEO_ID?fs=0
オプション解説

  • fs:全画面ボタンを表示するかどうか。0で非表示、1で表示。デフォルトは1。

右下のYouTubeのロゴを消す

YouTubeのロゴを消すには、次のオプションを追加してください。

src=”https://www.youtube.com/embed/VIDEO_ID?modestbranding=1
オプション解説

  • modestbranding:YouTubeのロゴを表示するかどうか。0で表示、1で非表示。デフォルトは0。

キーボードの操作を無効にする

みなさんのなかには、スペースキーを使って動画を止めたり、左右キーで動画を進めたり戻したりしている方もいるのではないしょうか?

これもオプションで制限できます。

src=”https://www.youtube.com/embed/VIDEO_ID?disablekb=1
オプション解説

  • disablekb:キーボード操作を受け付けるかどうか。0で受け付ける、1で受け付けない。デフォルトは0。

この記事に関するキーワード