Overview
Annotations within Events have full HTML/CSS/JS capability. By using the Player API, it's possible to program annotations that control the player. In this case, transparent boxes can be used on top of text in the video to skip to defined timecodes, chapters or external links.
This is a great tool when you have a scene with a video agenda/contents. This can be transformed into a menu to navigate. See the example video below
If you just want the annotation to open an external URL instead of jumping to a timecode, this is possible as well. Use the appropriate code within Step 5 below.
Steps
1. Click Content and Events.
2. Click New Event.
3. Click Annotation and hit Create.
4. Give your event a title, then click HTML and erase the content.
5. a. To skip to timecodes or playlist videos, add the code from this CodePen.
5. b. To open an external site or email address from the annotation, use the code on this CodePen
6. If using timecodes, make sure to change the bracketed number to indicate the second that the video should jump to. e.g. <a onclick="jumpToSecond(33)">
7. Click Annotation Style
8. Set the Background Transparency to 100%, position the annotation and click Apply.
Note: The positioning may be difficult to get perfect straight away. You may need to test this on a sharing page after assigning the event to a video. You can always return to these settings later if incorrect.
9. Click Advanced Options and set the skippable option to Off. This will remove the close button 'x' in the top right during playback.
10. Click Save and Assign
11. Click Add Video to select the video from your library
12. Set the Annotation timeframe on the desired video.
13. Click Save.