Set up the MediaPlayer

A MediaPlayer object encapsulates the behavior and functionality of a media player.

  1. Instantiate a MediaPlayer using the following:

    var player = new AdobePSDK.MediaPlayer();
    
  2. Create a MediaPlayerView instance:

    var view = new AdobePSDK.MediaPlayerView(container);
    

    where container is the target div element that contains your HTMLMediaElement.

    For example, on an HTML page:

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

    Call:

    var view = new  
    <codeph>
    AdobePSDK.MediaPlayerView 
    </codeph>( 
          document.getElementById("videoDiv"));  
    
  3. Attach your MediaPlayerView instance to your MediaPlayer instance:

    player.view = view;
    
  4. Attach the custom controls div element to your MediaPlayer instance.

    For example, in HTML:

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

    Call:

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

The MediaPlayer instance is now available and properly configured to display video content on the device screen.

On this page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now