はたらきかたマニュアル ヘルプセンター
YouTube動画を埋め込む

YouTube動画を埋め込む

自社内で作成したYouTube動画をはたらきかたエディターに埋め込んで再生できます。

YouTube動画の埋め込み用コードをコピーする

  1. 埋め込みたいYouTube動画のページをパソコンで開く

  2. [共有]をクリックする

  3. [埋め込む]をクリックする

  4. [コピー]をクリックする

    埋め込み用コードがコピーされます。

    コピーしたコードは、はたらきかたエディターの埋め込みパーツを使って貼り付けます。
    あとで貼り付けできるように、メモ帳などに一時保存しておくことをおすすめします。

  5. 続けて、以下の「コピーした埋め込み用コードを、ページに貼り付ける」へ進む

コピーした埋め込み用コードを、ページに貼り付ける

コピーしたYouTubeの埋め込み用コードを、はたらきかたエディターに登録します。

  1. ページ編集を開始する

  2. パレットで[</> 埋め込みパーツ]をクリックし、そのまま右側のエリアにドラッグ&ドロップする

  3. 配置した埋め込みパーツをクリックし、[オプション](歯車マーク)をクリックする

  4. コピーしたYouTube動画の埋め込み用コードを貼り付ける

  5. 貼り付けたコードの「width」と「height」を変更し、[設定する]をクリックする

    width:100%を指定(画面に対して横幅の%表示)

    height:任意の数字(ピクセル数)を指定

  6. [保存]をクリックする

  7. [プレビュー]をクリックしてYouTube動画の埋め込みを確認する

    高さを変更したい場合は、手順5の「height」を変更してください。

YouTube動画がスマートフォンで見切れないように設定する

埋め込みコードで高さ(height)を指定した場合、設定したサイズによっては、スマートフォンで再生したときに動画が見切れてしまうことがあります。

この場合は、埋め込み用コードを変更することで回避できます。

  1. YouTube動画から生成した埋め込み用コードから「https://~~~」の部分(反転部分)をコピーする

    画面例:コピーする部分

  2. 配置した埋め込みパーツをクリックし、[オプション](歯車マーク)をクリックする

  3. 以下のテキストファイルをパソコンにダウンロードし、記載されているコードを埋め込みパーツ内に貼り付ける

    ■貼り付け用コード

  4. URL部分(「https://~~~」)を、手順1でコピーしたURLに置き換える

  5. [設定する]をクリックする

YouTube再生終了時の関連動画を表示しないように設定する

YouTube動画の再生終了時に表示される関連動画は、埋め込みコードを一部変更することで非表示にできます。

  1. 配置した埋め込みパーツをクリックし、[オプション](歯車マーク)をクリックする

  2. 埋め込みパーツ内のタグを表示する

  3. タグ内のURL表記末尾に「?rel=0」を追加する

  4. [設定する]をクリックする