HTTPS-Video-Versand

Sofern der Viewer in der Konfiguration funktioniert, wie zu Beginn dieses Abschnitts beschrieben, kann der veröffentlichte Video-Versand sowohl im HTTPS-Modus (sicher) als auch im HTTP-Modus (unsicher) erfolgen. In einer Standardkonfiguration folgt das Video Versand-Protokoll strikt dem Versand-Protokoll der Einbettungswebseite. Es ist jedoch möglich, HTTPS-Video-Versand zu erzwingen, unabhängig vom verwendeten Protokoll, indem die Webseite mit dem Konfigurationsattribut VideoPlayer.ssl eingebettet wird. (Beachten Sie, dass Video-Vorschauen im Autorenmodus immer sicher über HTTPS bereitgestellt werden.)

Abhängig von der Methode zum Veröffentlichen von Dynamic Media-Videos, die Sie in AEM verwenden, wird das VideoPlayer.ssl-Konfigurationsattribut anders angewendet, wie im Folgenden gezeigt:

• Wenn Sie ein Dynamic Media-Video mit einer URL veröffentlichen, hängen Sie VideoPlayer.ssl an die URL an. Um beispielsweise sicheren Video-Versand zu erzwingen, hängen Sie &VideoPlayer.ssl=on an das Ende des folgenden Viewer-URL-Beispiels an:

  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
  

  Siehe auch Verknüpfen von URLs mit Webanwendung

• Wenn Sie ein Dynamic Media-Video mit Einbettungscode veröffentlichen, fügen Sie VideoPlayer.ssl zur Liste anderer Viewer-Konfigurationsparameter im Einbettungscodefragment hinzu. Um beispielsweise HTTPS-Video-Versand zu erzwingen, hängen Sie &VideoPlayer.ssl=on wie im folgenden Beispiel an:

  <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>
  

  Siehe auch Einbetten des Videos auf einer Webseite.