Now it's time to get creative and take your Events to the next level, with the aim to provide an exciting & interactive experience for your viewer!
By using the flexibility of the HTML editor inside of your Events, you can start to build creative solutions that help guide and control the viewer's video experience & content journey. With additional CSS added to the code, you can use your organizations branded colours, buttons, shapes and images that your viewer is accustomed to seeing.
The HTML editor supports Javascript, which provides additional coding flexibility - including the option to implement of the Player API. So in many of the examples below, our Javascript based Player API is used to control the video from inside the Event. This means that wherever you place your Vidyard Player embed, the functionality is built in and ready to go!
Without some web development experience, this could sound daunting - so the content below has step by step instructions and all of the code to help you get started. The majority of them will just require a few color, image and link adjustments that match your needs!
Call to Action Button Overlay (Annotation)Let's start with something simple but used frequently. You can use a CTA button at any point within the playback of a video by using an annotation. This encourages an action from your viewers before reaching the end of playback. It could be directly related to the content currently being watched. e.g to see a particular product demo, view a relevant landing page or open an email compose window with a pre-defined subject line. Essentially any action you want them to perform. |
|
Pulsing button for final Call to Action (Full Screen)Using a continual animation is a great way to catch the attention of your viewer. This button works well in a post-roll Event to guide your viewer towards a next action - perhaps register for an event, book a demo, watch more content or schedule a meeting. |
 |
Choose your own adventure (Pre-roll Fullscreen)You may have a number of videos in a playlist that cover the same subject, but are designed for different audiences. This Event will allow your viewer to select the appropriate video from your playlist before any playback occurs. This is best used as a Fullscreen Pre-roll Event so that the most appropriate option is chosen before playback. It could even be used as a default event if your group/folder contains playlists with a consistent number of videos. |
 |
Choose your own adventure (Post-roll Fullscreen)You can be in control of where you want your viewers to go after watching the content (take note YouTube)! Best used as a Fullscreen Post-roll once playback has completed. These could be programmed to go to videos within the same playlist or other sharing/landing pages with the video embedded.
|
|
Social Share (Post-roll Fullscreen)If you don't have a next step for the viewer to take, perhaps just provide an easy way for the viewer to share the page to social channels! This could be a great way to attract more viewers to your site. |
 |
Skip to Time Navigation Bar (Annotation)Allow your viewers to skip to sections of your video content, wherever it is a timestamp in the current video, or another one in a playlist This annotation event will show a navigation bar on top of the video content that expands when clicked. |
 |
Invisible Skip to Time or Hyperlink (Annotation)This is a clean way to navigate through the video or link externally, without replicating the same text in an additional navigation bar or button. Use this if you have an agenda or external links that already appear within the video, so you can turn these into a set of clickable options! |
  |
Book a meeting (Full Screen Post-Roll)These types of events provide a number of options to your viewer when the video ends. Especially useful for sales reps, post-roll CTAs allow your viewer to schedule time with you as soon as the video has completed. Link this to your individual's Calendar to book meetings (Calendly, Hubspot, Outreach etc) |
  |
Survey or Quiz (Fullscreen Post-Roll)This Event will display a form that you have created already in Google Forms or other surveying tools. |
 |
Calendar Link (Fullscreen Post-Roll)Add your Calendar link to an Event! This will allow the viewer to book a meeting with you without navigating away from the video! |
 |
