Видео
В предыдущих упражнениях мы сделали страницу интереснее с помощью изображения. Теперь рассмотрим ещё один важный элемент: video. В отличие от изображения, у видео есть открывающий тег, закрывающий тег и содержимое.
<video src="адрес-видео" controls>
Видео не поддерживается.
</video>Элемент video тоже использует атрибут src, значение которого — адрес видео, как и у изображений.
Дальше мы видим атрибут controls, у которого нет значения. Это так называемый логический атрибут: он либо включён, либо выключен. Если он есть у элемента, он включён, и браузер показывает кнопки управления видео (воспроизведение, громкость и так далее). Если атрибута нет, он выключен, и кнопок нет.
И последнее, на что стоит обратить внимание, — текст внутри элемента, Видео не поддерживается. Браузеры, умеющие воспроизводить видео, его игнорируют, а показывает его только браузер, который видео вообще не воспроизводит. Сегодня таких браузеров практически нет, поэтому вы этот текст не увидите. Он не появляется, даже если видео не удалось загрузить.
Задание
- 1
Над ссылкой
Источниксоздайте элементvideoс атрибутомsrc, равным/learn/html/cats-playing.webm. - 2
Добавьте видео атрибут
controls, чтобы им можно было управлять. - 3
Внутри элемента
videoнапишите текстВидео не поддерживается.