DIFFUSION vidéo HTTPS

REMARQUE

La Diffusion vidéo sécurisée s’applique uniquement à AEM 6.2 avec l’installation de Feature Pack-13480 et à AEM 6.1 avec l’installation de Feature Pack NPR-15011.

Pour autant que la visionneuse fonctionne dans la configuration décrite au début de cette section, la diffusion vidéo publiée peut se produire en mode HTTPS (sécurisé) et HTTP (non sécurisé). Dans une configuration par défaut, le protocole de la diffusion vidéo respecte strictement le protocole de diffusion de la page Web incorporée. Cependant, il est possible de forcer la diffusion vidéo HTTPS sans tenir compte du protocole utilisé en incorporant la page Web à l’aide de l’attribut de configuration VideoPlayer.ssl. (Notez que la prévisualisation vidéo en mode Auteur est toujours diffusée en toute sécurité sur HTTPS.)

Selon la méthode de publication de la vidéo Dynamic Media que vous utilisez en AEM, l’attribut de configuration VideoPlayer.ssl est appliqué différemment, comme illustré ci-dessous :

  • Si vous publiez une vidéo Dynamic Media avec une URL, vous ajoutez VideoPlayer.ssl à l’URL. Par exemple, pour forcer la diffusion vidéo sécurisée, vous ajoutez &VideoPlayer.ssl=on à la fin de l’exemple d’URL de visionneuse suivant :

    https://demos-pub.assetsadobe.com/etc/dam/viewers/s7viewers/html5/InteractiveVideoViewer.html?asset=%2Fcontent%2Fdam%2Fmarketing%2Fshoppable-video%2Fadobe-axis-demo%2FAdobe_AXIS_V3_GRADED-HD.mp4&config=/etc/dam/presets/viewer/Shoppable_Video_light&serverUrl=https%3A%2F%2Fadobedemo62-h.assetsadobe.com%2Fis%2Fimage%2F&contenturl=%2F&config2=/etc/dam/presets/analytics&videoserverurl=https://gateway-na.assetsadobe.com/DMGateway/public/demoCo&interactivedata=content/dam/_VTT/marketing/shoppable-video/adobe-axis-demo/Adobe_AXIS_V3_GRADED-HD.mp4.svideo.vtt&VideoPlayer.contenturl=https://adobedemo62-h.assetsadobe.com/is/content&VideoPlayer.ssl=on
    

    Voir aussi Liaison d’URL à votre Application web

  • Si vous publiez une vidéo Dynamic Media avec du code incorporé, vous ajoutez VideoPlayer.ssl à la liste des autres paramètres de configuration de la visionneuse dans le fragment de code incorporé. Par exemple, pour forcer la diffusion vidéo HTTPS, vous ajoutez &VideoPlayer.ssl=on comme dans l'exemple suivant :

    <style type="text/css"> 
     #s7interactivevideo_div.s7interactivevideoviewer{ 
       width:100%;  
       height:auto; 
     } 
    </style> 
    <script type="text/javascript" src="https://demos-pub.assetsadobe.com/etc/dam/viewers/s7viewers/html5/js/InteractiveVideoViewer.js"></script> 
    <div id="s7interactivevideo_div"></div> 
    <script type="text/javascript"> 
     var s7interactivevideoviewer = new s7viewers.InteractiveVideoViewer({ 
      "containerId" : "s7interactivevideo_div", 
      "params" : {  
       "VideoPlayer.ssl" : "on", 
       "serverurl" : "https://adobedemo62-h.assetsadobe.com/is/image", 
       "contenturl" : "https://demos-pub.assetsadobe.com/",  
       "config" : "/etc/dam/presets/viewer/Shoppable_Video_light", 
       "config2": "/etc/dam/presets/analytics", 
       "videoserverurl": "https://gateway-na.assetsadobe.com/DMGateway/public/demoCo", 
       "interactivedata": "content/dam/_VTT/marketing/shoppable-video/adobe-axis-demo/Adobe_AXIS_V3_GRADED-HD.mp4.svideo.vtt", 
       "VideoPlayer.contenturl": "https://adobedemo62-h.assetsadobe.com/is/content", 
       "asset" : "/content/dam/marketing/shoppable-video/adobe-axis-demo/Adobe_AXIS_V3_GRADED-HD.mp4" } 
     }) 
     /* // Example of interactive video event for quick view. 
       s7interactivevideoviewer.setHandlers({  
       "quickViewActivate": function(inData) { 
         var sku=inData.sku; //SKU for product ID 
        //To pass other parameter from the hotspot, you will need to add custom parameter during the hotspot setup as parameterName=value 
        loadQuickView(sku); //Replace this call with your quickview plugin 
        //Please refer to your quickviewer plugin for the quickview call 
        },  
    "initComplete":function() {  
        //--- Attach quickview popup to viewer container so popup will work in fullscreen mode --- 
        var popup = document.getElementById('quickview_div'); // get custom quick view container 
        popup.parentNode.removeChild(popup); // remove it from current DOM 
        var sdkContainerId = s7interactivevideoviewer.getComponent("container").getInnerContainerId(); // get viewer container component 
        var inner_container = document.getElementById(sdkContainerId);  
        inner_container.appendChild(popup); //Attach custom quick view container to viewer 
        }  
       }); 
     */ 
     s7interactivevideoviewer.init(); 
    </script>
    

    Voir aussi Incorporation de la vidéo sur une page Web.

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