Utiliser la boîte de dialogue Office pour afficher une vidéo

Lire une vidéo dans une boîte de dialogue complément Office pour créer des expériences utilisateur plus attrayantes.

Les vidéos dans les boîtes de dialogue sont parfaites pour :

• Tutoriels d’intégration qui guident les utilisateurs à travers les fonctionnalités de votre complément.
• Démonstrations de produit qui présentent des fonctionnalités.
• Contenu de formation qui aide les utilisateurs à se familiariser rapidement.

Pour lire une vidéo dans une boîte de dialogue avec l’API de boîte de dialogue Office, procédez comme suit.

1. Créez une page vidéo dédiée qui contient un iframe et aucun autre contenu. La page doit se trouver dans le même domaine que la page hôte. Pour un rappel de ce qu’est une page hôte, consultez Ouvrir une boîte de dialogue à partir d’une page hôte.

   Dans l’attribut src de l’iframe, pointez sur l’URL d’une vidéo en ligne. Le protocole de l’URL de la vidéo doit être HTTPS. Dans cet exemple, nous allons appeler cette page video.dialogbox.html.

   Voici le balisage :

   <iframe class="ms-firstrun-video__player"  width="640" height="360"
       src="https://www.youtube.com/embed/XVfOe5mFbAE?rel=0&autoplay=1"
       frameborder="0" allowfullscreen>
   </iframe>
   

2. Appelez displayDialogAsync dans la page hôte pour ouvrir video.dialogbox.html.

3. (Facultatif) Si votre complément doit savoir quand l’utilisateur ferme la boîte de dialogue, gérez les événements de fermeture du dialogue. Inscrivez un gestionnaire pour l’événement DialogEventReceived et gérez l’événement 12006. Pour plus d’informations, voir Erreurs et événements dans la boîte de dialogue Office.

Voir En action

Pour obtenir un exemple de vidéo lue dans une boîte de dialogue, consultez le modèle de conception de napper vidéo.

Voir aussi

• Utiliser l’API de boîte de dialogue Office dans vos compléments Office
• Bonnes pratiques et règles pour l’API boîte de dialogue Office
• Gérer les erreurs et les événements dans la boîte de dialogue Office