Можно ли сделать кастомный плеер без JS?

Question

[Dred Wolf]

Возможно ли сделать такой плеер без JS? Если нет, то подскажите как вообще создаются кастомные плееры? Какие есть хорошие готовые решения (opensrc)?

Comments

[alexalexes]

1. Берется стандартный html5-тый тег video.
2. Верстаются кнопочки управления плеером, чтобы выглядели дорого-богато.
3. Привязываются стандартные обработчики событий старта, остановки, узнавания текущей позиции времени просмотра, длины видео к новомодным кнопочкам, полосе прокрутки.
4. Если нужно поизвращаться с авторским правом, то делают динамическую, частичную подгрузку контента по мере просмотра, чтобы нельзя было просто взять ссылку на src и скопипастить.
PS:
Хотелось бы уточнить. Как вы собираетесь навешивать обработчики на кнопочки плеера, как бы они не выглядели, чтобы управлять элементом с тегом video? Если собрались закастомизовать управление этим элементом. Не css же селекторами?

Answer 1

[Yuriy Vorobyov]

Можете использовать Plyr, простая вещь, без JS спокойно поднимается и кастомизируется, подробнее тут.

Comments

[Stalker_RED]

plyr, бесспорно, клевый. Но у него же внутри js)

[Yuriy Vorobyov]

Stalker_RED, но JS можно вообще не касаться, максимум, что у меня было скриптового в html:

[n1ksON]

Yuriy Vorobyov, ну так вы подключили библиотеку Plyr.js. Она написана на JavaScript.

[Yuriy Vorobyov]

n1ksON, я это понимаю, и не отрицаю. Вопрос был в том, что можно ли сделать кастомный плеер без написания на JS. Ответ: можно, использование Plyr не заставляет ВАС, как разработчика, писать код на JS, вполне можно обойтись одним HTML и CSS.

[Сергей delphinpro]

Yuriy Vorobyov, в вопросе не упоминалось словосочетание "без написания", но вы классно выкрутились =)

[Yuriy Vorobyov]

Сергей delphinpro, я и не выкручивался) "Возможно ли сделать такой плеер без JS?" - по-моему это говорит о том, что спрашивающий не хочет использовать JS при создании на сайте кастомного плеера