Webサイト制作で動画(video)を埋め込みをしています。
下記のような流れでトップページを表示させようとしています。
1、オープニング動画が流れる(video)
2、動画が終わったらトップページ表示
この一連の流れは下記のタグでできたのですが、
トップページに自動スライダーがあって、動画を見ている間に、スライド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>
あなたの回答
tips
プレビュー