ViewedIt is now Vidyard GoVideo! Click here to learn more.

Is there a way to tell the Vidyard player to pause when the viewer clicks on an annotation?

Overview

Annotation events appear within a player while a video plays, allowing you to enrich your video content with just about any extra content you need.

Symptom

The issue is that when you click on the annotation that redirects you to a new tab, the video continues to play in the previous tab. This makes the experience confusing for the viewer.

Solution

Paste this script into the bottom of the source code editor of your annotation:

<script type="text/javascript">
$('#my-link').click(function() {
var playerId = window.frameElement.src.split('/');
playerId = playerId[playerId.length-3];
var playerData = {uuid: playerId, event: 'pause'};
window.parent.postMessage(JSON.stringify(playerData), '*');
});
</script>

Steps

  1. Hover over the Player and click Events.
  2. Click to open the Annotation Event that you want to edit. 
  3. Click the Source button in the event editor.
  4. Copy and Paste the above code at the every end of the code text.
  5. If you want to Publish your changes, toggle Publish to ON before you save. 
  6. Click Save
Here's a ViewedIt walkthrough on how to tell the Vidyard Player to pause when the viewer clicks on an annotation:

 

 

Was this article helpful?

Can’t find what you’re looking for? Please contact us below.

Email Vidyard Support
Why you didn't like the article?

If you would like Vidyard to get in contact with you regarding your feedback, please enter your email address.

  • No, Thanks