Introdution to HTML

15 — Videos

Опубликовано

В дополнение к картинкам, HTML так же поддерживает отображение Видео. Так же как и в <img>, в <video> необходимо указать источник видео в атрибуте src. Но в отличие от <img>, <video> элемент имеет открывающий тег и закрывающий тег. 

<video src="myVideo.mp4" width="320" height="240" controls>
  Video not supported
</video>

В примере выше файл с видео находится в одной папке с .html файлом и называется myVideo.mp4.
После атрибута src, укажите ширину width и высоту height элемента в котором будет располагаться видео. Наличие атрибута controls покажет кнопки управления, такие как pause, play and skip.

Текст, “Video not supported”, между открывающим и закрывающим тегом будет показан, если браузер не поддерживает отображение видео такого формата.

Instructions

1. Под картинкой, добавьте <video> тег и укажите в качестве источника следующее:

video/about_python.mp4

2. Установите witdh в значение 320, а height в 240. По желанию добавьте клавиши управления.

3. Между открывающим и закрывающим тегом добавьте текст «Видео не поддерживается».

Добавить комментарий