You may be in a situation where you have a long video with multiple parts to it. It would be beneficial for the viewing experience to split it into sections so that the viewer can engage with what's relevant to them.
You could achieve this by splitting the video into multiple videos and creating a playlist, but this isn't always feasible. Vidyard offers an alternative by using an annotation event.
- From the Vidyard Dashboard, select Content > Events
- Select Annotation, then click Create.
- Give your event a title. Then Click HTML.
- Replace the current text with the code from this Codepen.
- Configure the section from line 21 by adjusting
onclick="jumpToSecond(#)"to the desired timestamps. You can use jumptoVideo instead of jumptoSecond if you have other chapters to link to.
Note: The number
onclick="jumpToSecond(0)"is in Seconds. (For example, for 1:30:
- Configure the header you would like to associate the timestamp to
<a onclick="jumpToSecond(#)">HEADER NAME</a>
- If you wish to add another checkpoint, Copy and Paste the code below after the end of the list tag (
</li>) and edit the changes as needed:
<li><a onclick="jumpToSecond(0)">HEADER NAME</a></li>
- Once you are done editing, click Annotation Style.
- Set the Background Transparency to 100%.
- Click and hold the Navigation Bar annotation and move it to the desired location.
Important - Click and drag the size of the Navigation bar to the bottom of the video.
- Click Apply.
- Click Save and Assign
- Click Add Video to choose the related video from your library
- Set the annotation time to as long as you desire it to show on the video.