Diffusion vidéo HTTPS

REMARQUE

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

Si la visionneuse fonctionne comme indiqué au début de cette section, la diffusion vidéo publiée peut avoir lieu en mode HTTPS (sécurisé) et HTTP (non sécurisé). Dans une configuration par défaut, le protocole de diffusion vidéo suit strictement le protocole de diffusion de la page web d’intégration. 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 l’aperçu vidéo en mode création est toujours diffusé en toute sécurité via HTTPS.)

Selon la méthode de publication de vidéo Dynamic Media que vous utilisez dans 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 sécurisée de vidéos, 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 à une 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 dans une page web.

Sur cette page