MagicPast.NET

Навигация: Главная - Вебмастеру - Видеофайл в качестве фона для веб-страницы

Видеофайл в качестве фона для веб-страницы

Для того, чтобы сделать видеоролик фоном для веб-страницы, необходимо вставить код после открывающего тега body:

<div id="video-bg">
    <video width="100%" height="auto" autoplay="autoplay" loop="loop">
        <source src="/путь к видеофайлу/file.mp4" type="video/mp4"></source>
    </video>
</div>

В стили необходимо вставить код:

#video-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

Видео может придать динамичность сайту и тем самым заинтересовать пользователя. Но есть несколько ньюансов, негативно влияющих на показатели сайта:

фон-видео увеличивает "вес" сайта, что влияет на время загрузки;

видео должно быть четким и качественным;

список поддерживаемых браузерами аудио и видеокодеков ограничен, поэтому для универсального воспроизведения, видео кодируют с помощью разных кодеков и добавляют несколько файлов одновременно.