DocumentationGuide de référence des visionneuses Dynamic Media

Visionneuse de vidéos interactives interactivevideoviewer

Last update: Fri Aug 15 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Rubriques :

Créé pour :

  • Développeur
  • Utilisateur ou utilisatrice

JavaScript référence de l’API pour la visionneuse de vidéos interactives.

InteractiveVideoViewer([config])

Constructeur, crée une instance de visionneuse de vidéos interactives.

Paramètres section-4fb77a645fdd45b3aaa5079c31e3bb05

Fichier de configuration

{object} objet de configuration JSON facultatif, permet à tous les paramètres de visionneuse de passer au constructeur pour éviter d’appeler des méthodes de setter individuelles. Contient les propriétés suivantes :

  • containerId - {String} ID du conteneur DOM (normalement un DIV) dans lequel la visionneuse est insérée. Au moment où cette méthode est appelée, il n’est pas nécessaire de créer l’élément conteneur. Cependant, le conteneur doit exister lorsque init() est exécuté.

    Obligatoire.

  • params - {Object} objet JSON avec des paramètres de configuration de visionneuse où le nom de la propriété est une option de configuration spécifique à la visionneuse ou un modificateur SDK, et la valeur de cette propriété est une valeur de paramètres correspondante.

    Obligatoire.

  • Handlers : {Object} objet JSON avec rappels d’événement de visionneuse, où le nom de la propriété est le nom de l’événement de visionneuse pris en charge et la valeur de la propriété est une référence de fonction JavaScript au rappel approprié.

    Facultatif.

    Voir Rappels d’événement pour plus d’informations sur lesévénements de visionneuse.

  • localizedTexts - {Object} objet JSON avec données de localisation. Facultatif.

    Pour plus d’informations, voir Localisation des élémentsde l’interface utilisateur.

    Consultez également le Guide de l’utilisateur du Kit de développement logiciel (SDK) de la visionneuse et l’exemple pour plus d’informations sur le contenu de l’objet.

Retourne section-1d3cf85bc7cc4dfe9670e038d02b9101

Aucune

Exemple section-9e9332aa86b74a5fb321375c03fdc5b3

var interactiveVideoViewer = new s7viewers.InteractiveVideoViewer({
 "containerId":"s7viewer",
"params":{
 "asset":"/content/dam/mac/aodmarketingna/dm-viewers-content/video/Glacier.mp4",
"config":"/etc/dam/presets/viewer/Shoppable_Video_Dark",
 "serverurl":"https://aodmarketingna.assetsadobe.com/is/image/",
 "videoserverurl":"https://gateway-na.assetsadobe.com/DMGateway/public/aodmarketingna",
 "contenturl":"https://aodmarketingna.assetsadobe.com/",
"interactivedata":"is/content/content/dam/mac/aodmarketingna/_VTT/dm-viewers-content/video/Glacier.mp4.svideo.vtt"
},
"handlers":{
 "initComplete":function() {
  console.log("init complete");
}
},
"localizedTexts":{
"en":{
"VideoPlayer.ERROR":"Your Browser does not support HTML5 Video tag or the video cannot be played."
},
"fr":{
"VideoPlayer.ERROR":"Votre navigateur ne prend pas en charge la vidéo HTML5 tag ou la vidéo ne peuvent pas être lus."
},
defaultLocale:"en"
}
});
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8