With the new Vidyard Events functionality, we're starting to see some fun, new use cases. In this example, we display a full screen event for a few seconds, then automatically dismiss it and resume video playback.

timed_fullscreen_event.html

<!-- Include this below all other code in your event -->
<script type='text/javascript'>   
	window.addEventListener("message", function(event) {
	  var ctaId = window.frameElement.id.split('_')[1];
	  var playerId = window.frameElement.src.split('/');
	  playerId = playerId[playerId.length-3];
    // only allow from domains that end in allowedDomains
    if (!event.origin.match(/vidyard\.(dev|com)$/)) { return; }
    if (typeof event.data !== 'string') { return; }
    try {
      var data = JSON.parse(event.data);
    } catch (e) {
      return;
    }
    if (typeof data.event !== 'string') { return; }
    if (data.event !== 'showCta' || data.id !== parseInt(ctaId)) { return; }
    // Start countdown to closing event
		setTimeout(function() {
			var playerData = {uuid: playerId, event: 'closeCta', id: ctaId,forceClose: true};
			window.parent.postMessage(JSON.stringify(playerData), '*');
		}, 3000);
  });
</script>