Недостроенный бизнес-центр стоит таким уже 10 лет.
Проспект Сиверса
Ростовские вокзалы
Особенности:
Можно встраивать несколько плееров на страницу - они не будут конфликтовать.
Кнопками клавиатуры вверх / вниз регулируется громкость, кнопками вправо-влево можно перематывать видео, кнопка пробела - пауза/плей.
Если видеоплеер не в фокусе, то все кнопки используются в обычном режиме браузера.
На мобилах можно перематывать двойным тачем слева и справа.
Можно встраивать сообщения (надписи) поверх видео: информационные, рекламные и т.п. Можно настроить возможность пользователю закрыть это сообщение. Время появления крестика закрывания тоже настраивается. Сами надписи - это обычные div-блоки, поэтому туда можно вставлять всё, что хочется.
Можно встраивать рекламные видео поверх видео. Кнопка "пропустить" может появляться сразу, по таймеру или после окончания рекламы.
Небольшой баг: при большой длине видео подсказка у курсора мышки над бегунком видео показывает неточный тайминг, потому что этот тайминг высчитывается через положение курсора над блоком бегунка. А если щелкнуть, то видео перематывается по значению value в input type="range". Разные браузеры по-разному отображают положение ползунка бегунка и границы бегунка при крайних положениях ползунка. Решить эту проблему можно, например, отказавшись от браузерного input type="range" и написать свой аналог на div-ах. Если же ухватить ползунок бегунка, то будущий тайминг показывается верно.
Часть CSS стилей вынес из css-файла в HTML код, чтобы не портилась верстка, если файл css не успел загрузиться.