Betten Sie Videoinhalte in Hilfethemen ein

Sie können einen Link zu Videoinhalten in ein benutzerdefiniertes eingebettetes Hilfethema einbetten. YouTube- und Vimeo-Videoinhalte werden unterstützt.

Vorbereitungen

Erforderliche Rolle: „embedded_help_admin“ oder „admin“.

Warum und wann dieser Vorgang ausgeführt wird

Sie können das Symbol „Video einfügen/bearbeiten“ im HTML-Editor nicht zum Einbetten des Videos verwenden. Sie müssen den Quellcode eingeben.

Abbildung : 1. HTML-Editor-Symbole

Der Administrator kann die Möglichkeit deaktivieren, dass Benutzer eingebettete Videos in Eingebettete Hilfe-Systemeigenschaftenanzeigen können.

Prozedur

1. Führen Sie die folgenden Schritte aus, um den eingebetteten Code für das Video zu erhalten.
   1. Navigieren Sie zum Speicherort des Videos auf YouTube oder Vimeo.
   2. Öffnen Sie die Option Freigeben für das Video.
      In YouTube wird der Text unter dem Video angezeigt. Klicken Sie in Vimeo auf das Freigabesymbol neben dem Video.
   3. Wählen Sie unter Einbettenden Code aus, und fügen Sie ihn in einen Texteditor ein.
   4. Ändern Sie den Code, um ihn in einen einzuschließen <div> und Elemente entfernen, die auf der eingebetteten Hilfeinhaltsseite nicht gerendert werden.
      Hier ist beispielsweise der eingebettete Code für ein YouTube-Video. Der geänderte Code enthält auch einen Titel für das eingebettete Video in einem <p> Tag.

      <iframe width="560" height="315" src="https://www.youtube.com/embed/bqh-5yew2yQ"  frameborder="0" allowfullscreen></iframe>

      Nach der Änderung sieht der Code so aus.

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

      Vimeo-Einbettungscode hat weitere Attribute. Entfernen Sie sie, sodass es wie im folgenden Beispiel aussieht. Beachten Sie den Unterschied zwischen YouTube und Vimeo für das Attribut allowfullscreeen.

      <div class="video"><iframe src="https://player.vimeo.com/video/67392563" frameborder="0"  allowfullscreen></iframe>
      <p class="p">Video: Work at Now</p>
      </div>

      Hinweis:

      Schließen Sie, wie in den Beispielen gezeigt, die Tags <iframe> und <p> in ein Tag <div class="video"> ein. Wenn der Administrator die Eigenschaft zum Anzeigen von Videoinhalten deaktiviert, werden alle Inhalte innerhalb des Tags <div class="video"> ausgeblendet.
2. Navigieren zu Eingebettete Hilfe > Hilfeinhalt, und öffnen Sie dann das benutzerdefinierte Hilfethema, um ein Video einzubetten.
3. Klicken Sie auf das Quellcode-Symbol (<>).
4. Positionieren Sie den Cursor am Ende der Zeile über der Position des Videos.
5. Drücken Sie die Eingabetaste, um in eine leere Zeile zu wechseln und den geänderten eingebetteten Code einzugeben.
6. Klicken Sie auf OKund dann auf Aktualisieren.
7. Um zu testen, ob das Video angezeigt wird, öffnen Sie die Seite, auf der der soeben aktualisierte Inhalt angezeigt wird, und öffnen Sie dann den Hilfebereich.