У вас есть 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);
По подобному принципу вы можете настроить кастомный плеер с другими необходимыми параметрами.