Getting Values from the Player

It is possible to retrieve values from the player using the JavaScript API. These functions, which begin with the prefix get, are known as Getters. Examples of getters include getPosition() (playback elapsed time), getMeta() (video metadata) and getPlaylist (current playlist information).

Demo

• State: IDLE
• Elapsed time: 0

Click here to update values

Code

Here's the code for this demo.

<div id="container"></div>

<ul>
    <li>State: <span id="stateText">IDLE</span></li>
    <li>Elapsed time: <span id="elapsedText">0</span></li>
</ul>

<a href="#" onclick="updateValues(); return false;">Click here to update values</a>

<script>
  jwplayer("container").setup({
    file: "/videos/bunny.mp4",
    flashplayer: "/jwplayer/player.swf",
    image: "/thumbs/bunny.jpg",
    height: 270,
    width: 480
  });

  function updateValues() {
    var state = jwplayer().getState();
    var elapsed = jwplayer().getPosition();
    setText("stateText", state);
    setText("elapsedText", elapsed);
  }

  function setText(id, messageText) {
    document.getElementById(id).innerHTML = messageText;
  }
</script>

Other Uses

Some further uses for getter functions:

• Combine these values with player actions to create more sophisticated JavaScript interactions.
• Retrieve metadata about the video itself, such as its dimensions, framerate and more.