設定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例項現已可用,並已正確設定,可在裝置螢幕上顯示視訊內容。

本頁內容