YouTube動画を埋め込む
自社内で作成したYouTube動画をはたらきかたエディターに埋め込んで再生できます。
YouTube動画の埋め込み用コードをコピーする
-
-
埋め込みたいYouTube動画のページをパソコンで開く
-
-
-
-
[共有]をクリックする
-
-
-
-
[埋め込む]をクリックする
-
-
-
-
[コピー]をクリックする
-
埋め込み用コードがコピーされます。
コピーしたコードは、はたらきかたエディターの埋め込みパーツを使って貼り付けます。
あとで貼り付けできるように、メモ帳などに一時保存しておくことをおすすめします。
-
-
-
続けて、以下の「コピーした埋め込み用コードを、ページに貼り付ける」へ進む
-
-
コピーした埋め込み用コードを、ページに貼り付ける
コピーしたYouTubeの埋め込み用コードを、はたらきかたエディターに登録します。
-
-
ページ編集を開始する
-
-
-
-
パレットで[</> 埋め込みパーツ]をクリックし、そのまま右側のエリアにドラッグ&ドロップする
-
-
-
-
配置した埋め込みパーツをクリックし、[オプション](歯車マーク)をクリックする
-
-
-
-
コピーしたYouTube動画の埋め込み用コードを貼り付ける
-
-
-
-
貼り付けたコードの「width」と「height」を変更し、[設定する]をクリックする
-
width:100%を指定(画面に対して横幅の%表示)
height:任意の数字(ピクセル数)を指定
-
-
-
[保存]をクリックする
-
-
-
-
[プレビュー]をクリックしてYouTube動画の埋め込みを確認する
-
高さを変更したい場合は、手順5の「height」を変更してください。
-
YouTube動画がスマートフォンで見切れないように設定する
埋め込みコードで高さ(height)を指定した場合、設定したサイズによっては、スマートフォンで再生したときに動画が見切れてしまうことがあります。
この場合は、埋め込み用コードを変更することで回避できます。
-
-
YouTube動画から生成した埋め込み用コードから「https://~~~」の部分(反転部分)をコピーする
-
画面例:コピーする部分
-
-
-
配置した埋め込みパーツをクリックし、[オプション](歯車マーク)をクリックする
-
-
-
-
以下のテキストファイルをパソコンにダウンロードし、記載されているコードを埋め込みパーツ内に貼り付ける
-
-
-
URL部分(「https://~~~」)を、手順1でコピーしたURLに置き換える
-
-
-
-
[設定する]をクリックする
-
-
YouTube再生終了時の関連動画を表示しないように設定する
YouTube動画の再生終了時に表示される関連動画は、埋め込みコードを一部変更することで非表示にできます。
-
-
配置した埋め込みパーツをクリックし、[オプション](歯車マーク)をクリックする
-
-
-
-
埋め込みパーツ内のタグを表示する
-
-
-
-
タグ内のURL表記末尾に「?rel=0」を追加する
-
-
-
-
[設定する]をクリックする
-
-
関連項目