HTML5 слайдер прогресса видео

Question

Итак, я пытаюсь создать слайдер прогресса для видео HTML5. Таким образом, у меня есть видео на странице, и когда вы нажимаете кнопку воспроизведения (будь то через кнопку или само видео), видео запускается и обновляет индикатор выполнения. Я также хотел разместить изображение внутри индикатора выполнения и сделать панель выполнения доступной для перехода через видео. Любые идеи, как это сделать с Javascript. Кажется, я не могу найти какую-либо помощь в Интернете.

Answer 1

Существует демо здесь: http://people.mozilla.org/~cpearce/buffered-demo.html

Я сделал этот плеер, хотя код не сделало, чтобы быть легкими для других, чтобы понять, но это, кажется, что вы ищете с холстом прогресса интерактивного баром где вы можете нарисовать изображение: http://netkoder.dk/netkoder/video_chernobyl.php

Standalone версия: http://netkoder.dk/netkoder/eksempler/eksempel0109.html