В дополнение к картинкам, 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. Между открывающим и закрывающим тегом добавьте текст «Видео не поддерживается».