Youtube動画を記事内に挿入する
近年、YouTubeの動画は非常に人気があり、サイト内でも表示させたいケースは多々あるかと思います。
このページでは、YouTubeの動画をサイト内に埋め込む方法を解説します。
SIRIUS2の機能からYouTube動画を挿入した場合、スマートフォンでも最適化された状態で表示されます。
記事装飾メニューの「メディア」→「YouTube」を選択する
YouTube動画を挿入したい場合、記事装飾メニューの2段目にある「メディア」を選択し、「Youube」ボタンをクリックします。
挿入したいYoutube動画を検索する
すると下図の様にYoutube動画を検索するためのブラウザが表示されます。
こちらから記事内に挿入したい動画を検索してください。
ウィンドウ下部の「挿入」ボタンを選択する
挿入したい動画が表示されたら、ウィンドウ下部にある「挿入する」ボタンを選択してください。
掲載できるページを開いていない状態では、「挿入」ボタンは有効になりません。
記事内にYoutube動画タグが挿入される
以上の手順で、記事本文内にYouTube動画のタグが挿入されます。
サイト内でもYouTube動画が表示されているかと思いますので、プレビューボタンから確認してみてください。
自分で取得したYouTube動画をレスポンシブ対応にしたい場合
ご自身で取得された動画をレスポンシブ対応にしたい場合、下記のようなタグを記述することで対応が可能です。
<div class="gmap-wrap"><div class="gmap-box">(動画のタグ)</div></div>
SNS・動画のURLを貼り付けて表示する
Ver1.310以降では、X（旧Twitter）、Instagram、YouTube、Vimeoの投稿や動画を、記事本文にURLを貼り付けて埋め込めます。YouTubeは通常の動画とショート動画に対応しています。
サイトオプションで自動変換をオンにする
サイト編集画面の「ホーム」→「サイトオプション」を開きます。「全体設定」の「SNS・動画」タブで「SNS・動画URLを自動で埋め込みタグに変換する」にチェックを入れ、「OK」を押します。
記事本文にURLだけの行を作って保存する
表示したい投稿や動画の共有用URL（httpsから始まるアドレス）をコピーします。記事本文で改行し、URLを1行に1つずつ貼り付けてください。
上部の「保存」を押すと、編集した記事のURLがSIRIUS2の埋め込みタグに変わります。文章の途中に書いたURLや、すでにリンクにしたURLはそのまま残ります。設定をオンにしただけの場合、既存の記事は一括変換されません。
プレビューで表示を確かめる
保存後に「プレビュー」を開き、貼り付けた投稿や動画が表示されるか確認します。表示されない場合は、プロフィールや一覧のURLではなく、投稿・動画そのもののURLを使っているか、閲覧できる公開範囲になっているかを確認してください。
埋め込みを元のURLに戻す
本文で埋め込みタグ全体を選択し、記事装飾メニューの「メディア」→「選択した埋め込みタグを元のURLに戻す」をクリックします。
URLだけの行に戻した状態で保存する場合は、先に「SNS・動画」の自動変換をオフにします。自動変換をオンのまま通常のリンクとして載せる場合は、戻したURLにリンクを設定してから保存します。
自動変換をオフにしても、変換済みのタグは記事に残ります。通常のページでは投稿や動画の埋め込みに使われ、AMPページでは元の投稿や動画へのリンクになります。
