До появления HTML 5 видео можно было воспроизводить только в браузере с помощью плагина, такого как flash. Но после выпуска HTML 5 добавить видео на веб-страницу стало так же просто, как добавить изображение. Элемент HTML5 video указывает стандартный способ встраивания видео на веб-страницу.
Текст между тегами <video> и </video> будет отображаться только в браузерах, не поддерживающих элемент <video>.
Синтаксис:
<video src="" controls> </video>
Атрибуты элемента <video>
Тег source содержит множество атрибутов, перечисленных ниже.
Атрибут | Значение | Ссылка |
---|---|---|
HTML <video> атрибут autoplayУказывает, что видео начнет воспроизводиться, как только оно будет готово. |
autoplay | Посмотреть |
HTML <video> атрибут controlsУказывает, что должны отображаться элементы управления видео (например, кнопка воспроизведения/паузы и т.д.). |
controls | Посмотреть |
HTML <video> атрибут loopУказывает, что видео будет начинаться заново каждый раз, когда оно будет закончено. |
loop | Посмотреть |
HTML <video> атрибут mutedУказывает, что аудиовыход видео должен быть отключен. |
muted | Посмотреть |
HTML <video> атрибут preloadУказывает, как, по мнению автора, видео должно загружаться при загрузке страницы. |
auto metadata none |
Посмотреть |
HTML <video> атрибут srcУказывает URL-адрес видеофайла. |
URL | Посмотреть |
HTML <video> атрибут posterУказывает изображение, которое будет отображаться во время загрузки видео или до тех пор, пока пользователь не нажмет кнопку воспроизведения. |
URL | Посмотреть |
HTML <video> атрибут heightУстанавливает высоту видеоплеера. |
В пикселях | Посмотреть |
HTML <video> атрибут widthУстанавливает ширину видеоплеера. |
В пикселях | Посмотреть |