Возможности для мультимедиа в HTML появились с появлением video
audio
Теперь мы можем встраивать видео и аудио в веб-сайты без необходимости использования запатентованных технологий, таких как Flash или Silverlight.
Теперь, когда поддержка браузеров стала лучше, чем когда-либо, а новые технологии, такие как WebVTT, начинают появляться, сейчас самое время познакомиться (или пересмотреть) эти новые HTML-элементы.
SitePoint только что запустил Build Your Own HTML Media Player , курс, который поможет вам освоить медиа-элементы HTML5 и узнать, как вывести их на новый уровень с помощью CSS и JavaScript.
Вот видео из курса, которое показывает, как правильно создавать HTML-код для пользовательского медиаплеера. (Более поздние видео демонстрируют, как это сделать с помощью CSS и JavaScript, чтобы создать полнофункциональный пользовательский медиаплеер.)
Press shift question mark to access a list of keyboard shortcuts
Вы можете скачать исходные файлы для этой демонстрации на GitHub.
Если вы нашли это полезным, ознакомьтесь с полным курсом в SitePoint, который перенесет вас от основ до разработки полностью функционального пользовательского медиаплеера, воспроизводящего как аудио, так и видео.