Incorporer le contenu vidéo dans les 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 d’afficher la vidéo incorporée dans le Propriétés système Aide incorporée.

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 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’enfermer dans un <div> et supprimer les éléments qui ne sont pas affichés dans la page de contenu de l’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 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. Supprimez-les pour que cela ressemble à 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 le montrent les exemples, placez les balises et <iframe> à l’intérieur <p> d’une <div class="video"> balise. Si l’administrateur désactive la propriété pour afficher 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 (<>).
4. Placez 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 Entrez le code d’intégration que vous avez modifié.
6. Cliquez sur OK, puis sur Mettre à jour.
7. Pour vérifier que la vidéo apparaît, ouvrez la page qui affiche le contenu que vous venez de mettre à jour, puis ouvrez le panneau d’aide.