Articles in this section

See more

Can I see some Player API examples?

Avatar
Evan Stewart
  • Updated

By using the player API, you can program functionality into your webpage or Vidyard Events using Javascript. This can affect the behaviour of any Vidyard Players that have been embedded or even extract view data that has generated by the webpage visitors.

A common example would be to hyperlink to a certain chapter or timecode in your videos. The below code will help you get started with that.

<!-- EXAMPLE PLAYER START -->
<!-- The script tag should live in the head of your page if at all possible -->
<script type="text/javascript" async src="https://play.vidyard.com/embed/v4.js"></script>

<!-- Put this wherever you would like your player to appear -->
<img
 style="width: 100%; margin: auto; display: block;"
 class="vidyard-player-embed"
 src="https://play.vidyard.com/MT1jv9tg2Cq1qWepjXv71v.jpg"
 data-uuid="MT1jv9tg2Cq1qWepjXv71v"
 data-v="4"
 data-type="inline"
/>

<!-- EXAMPLE PLAYER END -->

<!-- First script will receive a chapter (video) number from the HTML 'onclick' and play from the beginning of that specific video. '0' is the first video in the playlist, '1' is the second etc-->
<script type="text/javascript">
 function playChapter(chapter) {
 var video = VidyardV4.players[0]
 video.playChapter(chapter)
 video.play()
 }
</script>

<!-- Second script will receive a second timestamp number from the HTML 'onclick' and play from that second of a specified video. e.g. 1min10sec = '70'. Change the video.playChapter(1) number to make sure you are targeting the correct video-->
<script type="text/javascript">
 function playSecond(time) {
 var video = VidyardV4.players[0]
 video.playChapter(1)
 video.seek(time)
 video.play()
 }
</script>


<!-- Example links-->
<li><a onclick="playChapter('2');">Chapter</a></li>
<li><a onclick="playSecond('7');">Second</a></li>

See our player API examples for further in detail:

 

 

Related articles