Встраивание видеоплееров на сайт происходит с помощью тега в HTML. 23 Он добавляет на страницу видеоплеер, который может воспроизвести одно или несколько видео. 2
Некоторые атрибуты тега и их описание:
- src — указывает URL видеофайла. 3
- controls — отображает элементы управления видеопроигрывателем: кнопку воспроизведения и паузы, полосу прокрутки, уровень громкости и другие. 2
- width — ширина видео в пикселях. 2
- height — высота видеоплеера в пикселях. 2
- poster — URL-адрес картинки, которая будет показываться, пока видео не загрузится. 2
- autoplay — видео воспроизводится автоматически после загрузки страницы. 2
- loop — зацикливает воспроизведение видео, так что оно снова начинается каждый раз после завершения. 2
- muted — видео начнёт играть без звука, пока его не включит пользователь. 2
Некоторые особенности встраивания видеоплееров:
- Поддержка форматов. 12 Нет универсального формата, который позволил бы воспроизводить видео во всех браузерах. 1 Чтобы решить эту проблему, на сервер загружается видеофайл в нескольких форматах, а затем в теге video указываются несколько кодеков. 1
- Адаптивность. 5 Например, с помощью Bootstrap разработчики могут создавать видеоплееры, которые автоматически подстраиваются под размеры экрана любого устройства. 5