End Action

Video Player is loading.

Current Time 0:00

Duration -:-

Loaded: 0%

Stream Type LIVE

Remaining Time -:-

ZOOM HELP

Drag zoomed area using your mouse.

100%

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>

<!--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>