Incorporer du contenu vidéo dans des rubriques d’aide

Vous pouvez intégrer 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 entrer 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 d’intégration de la vidéo.
   1. Accédez à l’emplacement de la vidéo sur YouTube ou Vimeo.
   2. Ouvrez l’option Partager de 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’enfermer dans 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 intégrée enfermée dans 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 d’intégration Vimeo a plus d’attributs. Retirez-les pour qu’ils ressemblent à l’exemple suivant. Notez 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é permettant d’afficher le 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 (<>).
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 d’intégration que vous avez modifié.
6. Cliquez sur OK, puis sur Mettre à jour.
7. Pour tester l’affichage de la vidéo, ouvrez la page qui affiche le contenu que vous venez de mettre à jour, puis ouvrez le panneau d’aide.