Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Создать
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


HTML Тег <video>



Пример

Воспроизведение видео:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Ваш браузер не поддерживает видео элемент.
</video>
Попробуйте сами »

Определение и использование <video>

Тег <video> используется для встраивания видеоконтента в документ, например видеоклип или другие видеопотоки.

Тег <video> содержит один или несколько тегов <source> с различными источниками видео. Браузер выберет первый источник, который он поддерживает.

Текст между тегами <video> и </video> будут отображаться только в браузерах,которые не поддерживают элемент <video>.

Существует три поддерживаемых видеоформата в HTML: MP4, WebM, и OGG.

Браузер MP4 WebM Ogg
Edge / IE ДА НЕТ НЕТ
Chrome ДА ДА ДА
Firefox ДА ДА ДА
Safari ДА НЕТ НЕТ
Opera ДА ДА ДА

Совет: Для получения аудиофайлов посмотрите на тег <audio>.


Поддержка браузеров <video>

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот элемент.

Элемент
<video> 4.0 9.0 3.5 3.1 11.5

Значения атрибута <video>

Атрибут Значение Описание
autoplay autoplay Указывает, что видео начнет воспроизводиться, как только оно будет готово
controls controls Указывает, что должны отображаться элементы управления видео (например, кнопка воспроизведения/паузы и т.д.).
height pixels Установка высоты видеоплеера
loop loop Указывает, что видео будет начинаться снова, каждый раз, когда оно будет закончено
muted muted Указывает, что аудиовыход видео должен быть отключен
poster URL Определяет, что изображение будет отображаться во время загрузки видео или до тех пор, пока пользователь не нажмет кнопку воспроизведения
preload auto
metadata
none
Указывает, если и как автор считает, что видео должно быть загружено при загрузке страницы
src URL Указывает URL видеофайла
width pixels Устанавливает ширину видеоплеера

Глобальные атрибуты <video>

Тег <video> также поддерживает Глобальные атрибуты в HTML.


События атрибутов <video>

Тег <video> также поддерживает События атрибутов в HTML.


Связанные страницы <video>

HTML DOM Справочник: HTML Audio/Video DOM справочник


Настройки CSS по умолчанию <video>

Нет.