Как вставить видео на сайт
После изучения темы аудио, я предлагаю вашему вниманию новую немного схожую тему, под названием: как вставить видео на сайт. И сразу перейдем к написанию кода, с помощью которого мы сможем выводить видео на сайт.
<html>
<head>
<title>Использование видео</title>
</head>
<body>
<video controls="controls" width="640" height="480">
<source src="video.ogv" type="video/ogg" />
<source src="video.mp4" type="video/mp4" />
<source src="video.webm" type="video/webm" />
</video>
</body>
</html>
Начинаем разбирать тег видео, отвечающий за вывод видеофайла на экран вашего браузера. Аналогичный атрибут control, как и у тега аудио, отвечающий за панель управления видеофайлом. autoplay - отвечает за то, что видео будет воспроизводиться самостоятельно при загрузке страницы. loop - означает, что при окончании видео, оно будет самостоятельно начинаться сначала. И три новых атрибута, которых нет у тега аудио. Первый называется width и отвечает за ширину области воспроизводимого видео, height, как вы уже поняли, отвечает за высоту области. И последний атрибут - poster, означает, если видео по каким-либо причинам не будет найдено, будет недоступно, или не будет отображаться, то вместо видео, будет выводиться картинка, путь которой задан в этом атрибуте.
В теге source ничего нового вы не узнаете, src отвечает за путь к видео, и соответственно type, за тип видео. И последнее - для того, чтобы видео воспроизводилось во всех браузерах его нужно добавлять в теге source, в трех форматах: ogv, mp4, webm. Но и не стоит забывать, что данный тег поддерживается лишь популярными браузерами.
Вот и все, на этом мы завершаем изучение вставки видео на сайте, до скорого!
