HTTPSビデオ配信

メモ

セキュアビデオ配信は、Feature Pack-13480のインストールを含むAEM 6.2と、Feature Pack NPR-15011のインストールを含むAEM 6.1にのみ適用されます。

この節の最初に説明するように、ビューアが設定で動作する場合、公開されたビデオの配信は、HTTPS(セキュア)モードとHTTP(セキュア)モードの両方で発生する可能性があります。 デフォルト設定では、ビデオ配信プロトコルは、埋め込みWebページの配信プロトコルに厳密に従います。 ただし、VideoPlayer.ssl設定属性を使用してWebページを埋め込むときのプロトコルに関係なく、HTTPSビデオを強制的に配信させることはできます。 (作成者モードのビデオプレビューは、常にHTTPS経由で安全に配信されます)。

AEMで使用するDynamic Mediaビデオの公開方法に応じて、VideoPlayer.ssl設定属性の適用方法が変わります。次に示す例を参照してください。

  • URLを含むDynamic Mediaビデオを公開する場合、URLにVideoPlayer.sslを追加します。 例えば、ビデオの配信を強制的に保護するには、次のビューアURLの例の末尾に&VideoPlayer.ssl=onを追加します。

    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
    

    Web アプリケーションへのURLのリンクも参照してください。

  • 埋め込みコードを含むDynamic Mediaビデオを公開する場合は、埋め込みコードスニペット内の他のビューア設定パラメータのリストにVideoPlayer.sslを追加します。 例えば、HTTPSビデオ配信を強制するには、次の例のように&VideoPlayer.ssl=onを追加します。

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

    Webページへのビデオの埋め込みも参照してください。

このページ