ヘルプトピックへのビデオコンテンツの埋め込み

  • リリースバージョン: Washingtondc
  • 更新日 2024年02月01日
  • 読む2読むのに数分

    • カスタム埋め込みヘルプトピックにビデオコンテンツへのリンクを埋め込むことができます。YouTube と Vimeo のビデオコンテンツがサポートされています。

    始める前に

    必要なロール:embedded_help_admin または admin

    このタスクについて

    HTML エディターでビデオの挿入/編集アイコンを使用してビデオを埋め込むことはできません。ソースコードを入力する必要があります。

    図 : 1. HTML エディターのアイコン
    ビデオを埋め込むには、ビデオの挿入アイコンではなく、ソースコードアイコンを使用します。

    管理者は、ユーザーが埋め込みビデオ 埋め込みヘルプ のシステム プロパティを表示する機能を無効にできます。

    手順

    1. 次の手順を実行して、ビデオの埋め込みコードを取得します。
      1. YouTube または Vimeo でビデオの場所に移動します。
      2. を開きます 共有 ビデオのオプション。
        YouTube では、テキストは動画の下に表示されます。Vimeo で、動画の横にある共有アイコンをクリックします。
      3. [ 埋め込み] でコードを選択し、テキスト エディターに貼り付けます。
      4. コードを変更して、 <div> また、埋め込みヘルプコンテンツページにレンダリングされない要素を削除します。
        たとえば、YouTube動画の埋め込みコードを次に示します。変更されたコードには、埋め込まれたビデオのタイトルも含まれており、 <p> タグを含む行にあります。
        <iframe width="560" height="315" src="https://www.youtube.com/embed/bqh-5yew2yQ"  frameborder="0" allowfullscreen></iframe>

        変更後のコードは次のようになります。

        <div class="video"><iframe src="https://www.youtube.com/embed/bqh-5yew2yQ"  allowfullscreen=""></iframe>
<p class="p">Video: Work at Now</p>
</div>

        Vimeoの埋め込みコードには、より多くの属性があります。次の例のようになるように、それらを取り除きます。属性の allowfullscreeen YouTube と Vimeo の違いに注目してください。

        <div class="video"><iframe src="https://player.vimeo.com/video/67392563" frameborder="0"  allowfullscreen></iframe>
<p class="p">Video: Work at Now</p>
</div>
        注:
        例に示すように、タグ <iframe> とタグを <p> タグで囲みます <div class="video"> 。管理者がビデオコンテンツを表示するプロパティを無効にすると、タグ内のすべての <div class="video"> コンテンツが非表示になります。
    2. 移動先 埋め込みヘルプ > ヘルプコンテンツをクリックし、カスタムヘルプトピックを開いてビデオを埋め込みます。
    3. ソースコードアイコン (&lt;>) をクリックします。
    4. ビデオの場所の上の行の末尾にカーソルを置きます。
    5. Enter キーを押して空白行に移動し、変更した埋め込みコードを入力します。
    6. [ OK] をクリックし、[ 更新] をクリックします。
    7. ビデオが表示されることをテストするには、更新したコンテンツが表示されるページを開いてから、ヘルプパネルを開きます。