Как создать свой браузерный плеер на html, css, js?

Question

[Тима]

Всем доброго времени суток. Хотел узнать хотя бы как и от чего отталкиваться чтобы написать свой кроссбраузерный плеер? Литература, форумы, личный опыт, что угодно. Рад любой информации. Заранее спасибо :)

Answer 1

[Daniel Skripnik]

У вас есть html5 теги audio/video.
Эти теги обрабатываются командами JS.

Вы создаете произвольные элементы управления для плеера (audio/video) и обрабатываете эти элементы управления доступными командами.
https://developer.mozilla.org/en-US/docs/Web/Guide...

Например вы создаете видео тегом <video>src</video>
И розовую кнопку. Видео должно проигрываться по клику на розовую кнопку.

var video = document.getElementsByTagName("video")[0],
      pinkPlay = document.getElemensByTagName("button")[0];

pinkPlay.addEventListener("click", function() {
  video.play();
}, false);

По подобному принципу вы можете настроить кастомный плеер с другими необходимыми параметрами.

Comments

[Виктор]

Кнопка должна быть синей! Категорически! :-)

[Daniel Skripnik]

#tomato наш любимый!

[Тима]

Daniel большое спасибо за информацию :)