設定MediaPlayer

MediaPlayer物件可封裝媒體播放器的行為和功能。

  1. 使用下列項目實例化MediaPlayer:

    var player = new AdobePSDK.MediaPlayer();
    
  2. 建立MediaPlayerView實例:

    var view = new AdobePSDK.MediaPlayerView(container);
    

    其中container是包含HTMLMediaElement的目標div元素。

    例如,在HTML頁面上:

    <div id="videoDiv"> 
    <codeph>
      <div id="video-controls"> 
           ... custom video controls 
      </div> 
    </codeph> 
    </div>
    

    來電:

    var view = new  
    <codeph>
    AdobePSDK.MediaPlayerView 
    </codeph>( 
          document.getElementById("videoDiv"));  
    
  3. MediaPlayerView實例附加到MediaPlayer實例:

    player.view = view;
    
  4. 將自訂控制項div元素附加至您的MediaPlayer例項。

    例如,在HTML中:

    <div id="videoDiv"> 
       <div id="video-controls"> 
          ..... custom video controls 
       </div> 
    </div>
    

    來電:

    if (typeof player.getView() !== 'undefined') { 
        var view = player.view; 
        view.attachVideoControls(document.getElementById("video-controls")); 
    }
    

MediaPlayer例項現已可用,並已正確設定,可在裝置螢幕上顯示視訊內容。

本頁內容