@Angelina335

Как правильно сделать video player?

Здравствуйте, я начала изучать js и у меня возникла проблема , не получается сделать полосу тайминга у видео в HTML она выглядит так :
<div id="one">
     <div id="two"></div>
</div>

Так вот, мне надо что бы когда я перетаскив мышку с зажатой ЛКМ по боку one то блок two (он оранжевого цвета к примеру) следил за курсором и видео перематывалось, а когда отпускаю кнопку видео продолжалось с места где отпустила кнопку и полоса больше не следила за курсором . Спасибочки
  • Вопрос задан
  • 310 просмотров
Решения вопроса 1
l3ftoverz
@l3ftoverz Куратор тега CSS
Люблю Финский металкор
Для этого лучше всего подходит input[type=range], ставишь min в 0, max - равное длине видео.
Слушаешь событие input и в нём обновляешь currentTime у видео. Написать свой, нормально работающий аналог - задача нетривиальная и имеет кучу нюансов с доступностью и работой на тач-устройствах.



Тем более, в вашем примере нет ничего, кроме сомнительной вёрстки, даже оттолкнуться не от чего.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы