Intégrer du contenu vidéo dans des rubriques d’aide

Vous pouvez incorporer un lien vers un contenu vidéo dans une rubrique d’aide incorporée personnalisée. Le contenu vidéo YouTube et Vimeo est pris en charge.

Avant de commencer

Rôle requis : embedded_help_admin ou admin

Pourquoi et quand exécuter cette tâche

Vous ne pouvez pas utiliser l’icône Insérer/modifier une vidéo dans l’éditeur HTML pour intégrer la vidéo. Vous devez saisir le code source.

Figure 1. Icônes de l’éditeur HTML

L’administrateur peut désactiver la possibilité pour les utilisateurs de voir la vidéo incorporée dans le Propriétés système de Aide incorporéefichier .

Procédure

1. Procédez comme suit pour obtenir le code incorporé de la vidéo.
   1. Accédez à l’emplacement de la vidéo sur YouTube ou Vimeo.
   2. Ouvrez l’option Partager pour la vidéo.
      Sur YouTube, le texte apparaît sous la vidéo. Dans Vimeo, cliquez sur l’icône de partage à côté de la vidéo.
   3. Sous Incorporer, sélectionnez le code et collez-le dans un éditeur de texte.
   4. Modifier le code pour l’entourer d’un <div> et supprimez les éléments qui ne sont pas affichés dans la page de contenu d’aide incorporée.
      Par exemple, voici le code d’intégration d’une vidéo YouTube. Le code modifié contient également un titre pour la vidéo embarquée entourée d’un <p> étiquette.

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

      Après modification, le code ressemble à ceci.

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

      Le code intégré Vimeo a plus d’attributs. Retirez-les pour qu’ils ressemblent à l’exemple suivant. Remarquez la différence entre YouTube et Vimeo pour l’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>

      Remarque :

      Comme indiqué dans les exemples, placez les balises et les <iframe><p> balises dans une <div class="video"> balise. Si l’administrateur désactive la propriété d’affichage du contenu vidéo, tout le contenu de la <div class="video"> balise est masqué.
2. Accédez à la Aide incorporée > Contenu de l'aide, puis ouvrez la rubrique d’aide personnalisée pour intégrer une vidéo.
3. Cliquez sur l’icône du code source (&lt;>).
4. Positionnez votre curseur à la fin de la ligne au-dessus de l’emplacement de la vidéo.
5. Appuyez sur la touche Entrée pour passer à une ligne vide et saisissez le code intégré que vous avez modifié.
6. Cliquez sur OK, puis sur Mettre à jour.
7. Pour vérifier que la vidéo s’affiche, ouvrez la page qui affiche le contenu que vous venez de mettre à jour, puis ouvrez le panneau d’aide.