ケーススタディ
YouTubeで公開している事業サービス紹介の動画を求人情報ページ内に埋め込みたい。
ホーム ≫ ページ内にYoutube動画を表示させたい ≫
[ケーススタディ]
ページ内にYouTubeを埋め込む
事前準備
ホームページに動画（YouTubeに限る）を埋め込むには、事前にYouTubeに動画をアップロードしておく必要があります。
1.AMSにログインし、スクリプト使用許諾を確認する
AMSにログインし、「スクリプト使用許諾」にチェックが入っているかを確認します。
チェックが入っていない場合は、チェックを入れます。
スクリプト使用許諾にチェックが入っていないと、YouTube動画を埋め込むことができません。
2.YouTubeの動画ページにアクセスする
埋め込みたい動画が公開されているYouTubeのページにアクセスします。
動画画面の下にある「共有」をクリックします。
3.埋め込みコードを取得する
「埋め込む」をクリックします。
画面右下の「コピー」をクリックして、画面を閉じます。
YouTube側の作業はこれで終わりです。
4.記事を追加する
動画を埋め込むページ（ここでは求人情報ページ）の編集画面で、一番上の記事にカーソルを置きます。背景が黄緑色になったらクリックします。
「記事を追加」ボタンをクリックします。
「本文」の「ソース」ボタンをクリックします。
5.取得した埋め込みコードを入力する
テキストエリア内をクリックします。
続けて、テキストエリア内を右クリックします。
表示されるメニューから「貼り付け」を選択します。
6.埋め込みコードの値を編集する
①「ソース」をクリックして、通常編集モードに戻します。
②「IFRAME」の上をダブルクリックします。
③「iFrameのプロパティ」画面で「幅」を100%に変更し、「OK」ボタンを押します。
最後に、記事を編集画面の左下にある「登録」ボタン、記事一覧を編集画面にある「登録」ボタン押します。
7.編集画面で確認する
編集画面に戻ると、「オブジェクトスペース」として表示されます。正常に埋め込みコードが入っていても、編集画面上に動画は表示されません。
動画はプレビューで確認します。
8.プレビューで確認する
画面右上の「プレビュー」ボタンを押します。
動画を埋め込んだページに動画が表示され、再生できれば埋め込み完了です。
最後に「公開」ボタンをクリックして、修正内容を反映させます。
