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