End Action


By default when video ends, big replay button is displayed.
Instead of big Replay icon you can order to display related videos container or sharing container.

Player Nuevo Initialization Code Example

<!--Initialize player and plugin-->
<script>
	var player = videojs('player_1');
	player.nuevo({ 
		endAction: related,
	});
</script>
or
<!--Initialize player and plugin-->
<script>
	var player = videojs('player_1');
	player.nuevo({ 
		endAction: share,
	});
</script>

Another option is to display completely custom HTML container when video ends.
<!--Build your end HTML-->

let myHTML = '<style>';
myHTML+= '.my-end{text-align:center;display:table-cell;vertical-align: middle;color:#fff}';
myHTML+= '.my-end h1 {color:#fff}';
myHTML+= '.vjs-end-button {cursor:pointer;margin: 0 4px;display:inline-table;margin:0 auto;background:transparent;border:solid 1px #f0f0f0;padding:6px 10px;margin:0 4px}';
myHTML+= '.vjs-end-button:hover {background:#fff;color:#222}';
myHTML+= '</style>';
myHTML+= '<h1>Thank you for watching</h1>';
myHTML+= '<div class="vjs-end-button" onclick="player.dispose()">Destroy</div>';
myHTML+= '<div class="vjs-end-button" onclick="player.play()">Play again</div>';

<!--Initialize player and plugin-->
<script>
	var player = videojs('player_1');
	player.nuevo({ 
		customEnd: myHTML
	});
</script>