Bettet Videoinhalte in Hilfethemen ein

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

Vorbereitungen

Erforderliche Rolle: eingebettet_help_admin oder admin

Warum und wann dieser Vorgang ausgeführt wird

Sie können das Video nicht über das Symbol zum Einfügen/Bearbeiten von Videos im HTML-Editor einbetten. Sie müssen den Quellcode eingeben.

Abbildung : 1. HTML-Editor-Symbole

Der Administrator kann deaktivieren, dass Benutzer eingebettete Videos in Eingebettete Hilfe-Systemeigenschaftensehen können.

Prozedur

1. Führen Sie die folgenden Schritte aus, um den Einbettungscode 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.
      Bei 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 so, dass er in eine eingeschlossen wird <div> und entfernen Sie Elemente, die auf der eingebetteten Hilfeinhaltsseite nicht gerendert werden.
      Hier ist beispielsweise der Einbettungscode für ein YouTube-Video. Der geänderte Code enthält auch einen Titel für das eingebettete Video, das in einem eingeschlossen ist <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>

      Der Vimeo-Einbettungscode weist weitere Attribute auf. Entfernen Sie sie, sodass sie wie im folgenden Beispiel aussehen. 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 anwenderdefinierte Hilfethema, um ein Video einzubetten.
3. Klicken Sie auf das Quellcodesymbol (<>).
4. Positionieren Sie den Cursor am Ende der Zeile über der Position des Videos.
5. Drücken Sie die Eingabetaste, um zu einer leeren Zeile zu wechseln und den geänderten Einbettungscode 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.