【Javascript】動画（Video）を再生した後にトップページを表示したい。

Webサイト制作で動画（video）を埋め込みをしています。
下記のような流れでトップページを表示させようとしています。

１、オープニング動画が流れる（video）
２、動画が終わったらトップページ表示

この一連の流れは下記のタグでできたのですが、
トップページに自動スライダーがあって、動画を見ている間に、スライド4枚目ぐらいにいってしまっています。
動画が終わったら、スライド1枚目…というか、トップページが読み込まれるようにしたいのですが……。
下記のコードになにかを付け足せば可能でしょうか？
Javascriptの知識不足でして、教えて頂けると嬉しいです…。
また、下記コードでやるのはそもそも間違っていますか？

あと、まだ実装できていないのですが、動画上には「スキップ」ボタンがあり、押したらトップページを表示できる仕様にもしたいと思っています。
ちなみにスキップボタンはendedなどを使うとできるイメージで良いのでしょうか…？

よろしくお願いします。

// Javascript
<script>
		$(function(){
			var player = $('#player').get(0);	//videoタグの要素を取得
			
			player.play();	//動画の再生
			
			//動画が終了後
			player.addEventListener('ended',function() {
				$('#player').remove();	//videoタグを削除
			});
		});
</script>

// HTML
<video id="player" autoplay preload>
		<source src="movie/opening.mp4" type="video/mp4">
		<source src="movie/opening.ogv" type="video/ogg">
		<source src="movie/opening.webm" type="video/webm">
		<p>現在のブラウザでは動画の再生ができません。</p>				
</video>