質問: video.jsを使って動画を再生するページを作っているのですが 動画が終了した段階で最初の状態に戻す方法をご教授いただけませんでしょうか。 普通にvideoタグのみでも良かったのですが、動画の中央にオリジナル画像の再生ボタンを置きたいがためにvideo.jsを使っています。 再生前はポスター画像が表示され画面中央(video.jsデフォルトでは左上)に再生ボタンがある状態。 再生ボタンをクリックすると再生ボタンが消え動画が再生されます。 動画再生が完了すると動画が最後のシーンでストップし、コントローラーが表示されたまま静止します。 これを、動画再生が完了したらポスター画像と画面中央(video.jsデフォルトでは左上)の再生ボタンが表示されている状態に戻したいです。 video.jsを使用しているのはオリジナルの再生ボタンを中央に置きたいだけなので、videoタグをjavascriptで制御できるようなら応用できるのかなと考えております。 何卒よろしくお願いします。 Video.js カスタマイザー
回答: こちらのサイトが参考になると思います。 【videoタグの簡単な使い方】 http://qiita.com/grapswiz/items/4ce35afa8bf30d7c0343 Audio&Videoタグに関しては、沢山イベントがあるので、以下URLも参考にしてみてください。 http://www.htmq.com/video/