YouTubeにアップロードされた動画を表示する(htmlブロック編)
ここではYoutubeにアップロードされた動画を、WEBサイトに表示する方法をご説明します。
はじめに
方法は2通りあります。
- Youtube側でhtmlを発行し、Cloud CMO側のhtmlブロックに埋め込む方法
表示する動画に関する詳細設定をされたい方はこちらをお勧めします。
→以下の1~3章をご覧ください。
Youtube側の操作について
WEBサイトに表示させたいYoutubeページを表示し、画面右下の[共有]ボタンをクリックします。
以下の画面が表示されるので、右下の[埋め込む]をクリックします。
以下の画面が表示されるので、画面内のhtmlをコピーしておきます。
この画面上で少しスクロールすると、表示する動画に関する詳細設定が表示されるので、適宜設定をします。
これで「Youtube側で必要な作業」は終了です。次のステップに進みます。
WEBサイト側の作業について
Youtubeを表示する為のブロックを用意します。
ブロックの追加方法については以下をご参照ください。
ページにブロックを追加・削除する
※今回は「html」ブロックをご選択ください。
ブロックができたら「Youtube側の操作について」でコピーしたhtmlをそのままペーストし[保存]をクリックします。
<例>
完成イメージ
Cloud CMOの編集画面で、以下のように表示されていたら完成です。
※表示サイズはブロックのサイズや、指定したYoutubeのサイズによって様々です。
<例1>
<例2>
以上でご説明を終わります。
TIPS(使い方ガイド)