Атрибут preload
Описание
Адрес изображения, которое будет показано до тех пор, пока не будет воспроизведено видео.
Синтаксис
<video preload='...'>...</video>Подробности
| Значение | Описание |
| none | Не загружать видео. Используется по умолчанию. |
| metadata | Загрузить только служебную информацию (размеры видео, продолжительность и т.п.). |
| auto | Загрузить видео целиком при загрузке страницы. |
Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<video preload='metadata' width='250' controls poster='https://mfs.gki-webik.ru/s?path=/images/regular/body-img.jpg'>
<source src='https://mfs.gki-webik.ru/s?path=/video/video2.mp4' type=video/mp4; codecs='avc1.42E01E, mp4a.40.2'>
<source src='https://mfs.gki-webik.ru/s?path=/video/video.webm' type=video/webm; codecs='vp8, vorbis'>
Элемент video не поддерживается вашим браузером.
<a href='https://mfs.gki-webik.ru/s?path=/video/video2.mp4'>Скачайте видео</a>.
</video>
</body>
</html>Читайте также
Тег <div>
Универсальный контейнер для содержимого сайта. Очень часто используется программистами....
Тег <output>
Устанавливает область, в которую выводится информация с помощью скриптов....
Тег <source>
Создает источник для элементов audio, video и picture. Браузер автоматически подберет наиболее подходящий....
Тег <svg>
Используется в качестве контейнера для создания векторных изображений.
Векторная графика полезна тем, что у нее меньше размер, чем у .png, к пример...