# 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: 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>