Можно ли заменить input[type=range] полнофункциональный слайдер-ползунок для Веб-Плеера?

Question

[Itvanya]

Ребята, привет :) Пишем тут видео-аудио плеер и не хотелось бы грузить лишнего скриптами. Есть ли возможность сегодня, используя input[type=range], создать слайдер-ползунок с индикацией просмотренного и загруженного без прикрутки лишних либ? Или не стоит оно того?

Answer 1

[Andrzej Wielski]

Можно.
При включенном видео программно изменять значение для индикацией просмотренного.
Индикацию загруженного можно реализовать с помощью фонового изображения, после чего менять background-size

var percent = 35;
var h = $('.ползунок').height();
var h = h * percent / 100;
$('.ползунок').css('background-size', '100% ' + percent + 'px');

Но спросите себя - оно вам надо? :)
Не легче все сделать дивами, навесив нужные классы и стили, и прикрутив несколько эвентов к элементу "ползунка"?

Comments

[Itvanya]

Andrzej Wielski видимо, проще :) спасибо