InteractiveVideoViewer

Référence de l’API JavaScript pour la visionneuse de vidéos interactive.

InteractiveVideoViewer([config])

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

Paramètres

config

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

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

    Obligatoire.

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

    Obligatoire.

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

    Facultatif.

    Voir Rappels de Événement pour plus d’informations sur les événements des lecteurs.

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

    Voir Localisation des éléments de l’interface utilisateur pour plus d’informations.

    Voir également le Guide de l’utilisateur du kit de développement logiciel de visionneuse et l’exemple pour plus d’informations sur le contenu de l’objet.

Renvoie

Aucune

Exemple

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" 
} 
});

Sur cette page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now