Using the API

You'll find some of afterglow's API functions in action here.

Let's first create a basic player like this:

<!DOCTYPE html>
<html>
  <head>
    <title>afterglow player</title>
    <script src="//cdn.jsdelivr.net/npm/afterglowplayer@1.x"></script>
  </head>
  <body>
    <video class="afterglow" id="myvideo" width="1280" height="720">
    	<source type="video/mp4" src="/path/to/myvideo.mp4" />
    </video>
  </body>
<html>

This is what the player looks like:

Now lets manipulate it by using some API functions.

afterglow.getPlayer('myvideo').play(); afterglow.getPlayer('myvideo').pause(); afterglow.getPlayer('myvideo').currentTime(11); afterglow.getPlayer('myvideo').requestFullscreen(); afterglow.getPlayer('myvideo').exitFullscreen(); afterglow.getPlayer('myvideo').volume(.5); afterglow.getPlayer('myvideo').volume(0);

And lets use some diagnostic functions.

Method output:

afterglow.getPlayer('myvideo').paused(); afterglow.getPlayer('myvideo').duration(); afterglow.getPlayer('myvideo').currentTime(); afterglow.getPlayer('myvideo').remainingTime(); afterglow.getPlayer('myvideo').isFullscreen(); afterglow.getPlayer('myvideo').volume(); afterglow.getPlayer('myvideo').ended();

Updated less than a minute ago