YouTubeにアップロードされた動画を表示する(htmlブロック編)

ここではYoutubeにアップロードされた動画を、WEBサイトに表示する方法をご説明します。

はじめに

方法は2通りあります。

  • Youtube側でhtmlを発行し、Cloud CMO側のhtmlブロックに埋め込む方法
    表示する動画に関する詳細設定をされたい方はこちらをお勧めします。
    以下の1~3章をご覧ください。

1_5.pngYoutube側の操作について

WEBサイトに表示させたいYoutubeページを表示し、画面右下の[共有]ボタンをクリックします。

Youtube1.png

以下の画面が表示されるので、右下の[埋め込む]をクリックします。

Youtube2.PNG

以下の画面が表示されるので、画面内のhtmlをコピーしておきます。

Youtube3.PNG

この画面上で少しスクロールすると、表示する動画に関する詳細設定が表示されるので、適宜設定をします。

Youtube4.PNG

これで「Youtube側で必要な作業」は終了です。次のステップに進みます。

2_5.pngWEBサイト側の作業について

Youtubeを表示する為のブロックを用意します。
ブロックの追加方法については以下をご参照ください。
ページにブロックを追加・削除する
※今回は「html」ブロックをご選択ください。

ブロックができたら「Youtube側の操作について」でコピーしたhtmlをそのままペーストし[保存]をクリックします。

<例>

Youtube5.PNG

3_5.png完成イメージ

Cloud CMOの編集画面で、以下のように表示されていたら完成です。
※表示サイズはブロックのサイズや、指定したYoutubeのサイズによって様々です。

<例1>

Youtube_in1.PNG

<例2>

Youtube_in2.PNG以上でご説明を終わります。

関連記事