Как реализовать video player controls?

HTML5 Video API: video.play(), video.pause(), video.currentTime, video.duration. Custom controls: скрываешь нативные (video без controls атрибута), рисуешь свои. Play/pause кнопка. Progress bar: input range, timeupdate event для обновления позиции, click для перемотки. Volume: input range + video.volume. Fullscreen: element.requestFullscreen(). Picture-in-Picture: video.requestPictureInPicture(). Playback rate: video.playbackRate. Keyboard: Space пауза, ArrowLeft/Right перемотка. Subtitle tracks: элемент. Buffer indicator: video.buffered.