WebSite X5Help Center

 
TRAVERSE D.
TRAVERSE D.
User

Video arriere plan  fr

Auteur : TRAVERSE D.
Visité 1894, Followers 1, Partagé 0  

Bonjour,

il me semble qu'autre fois nous pouvions mettre une video en arriere plan de site sur le header.

Comment peut-on faire maintenant?

Posté le
3 RéPONSES - 1 CORRECT
Igor R.
Igor R.
User

Так нужно сделать - www.koporyetea.ru - ?

Берете отрезок видео файла, конвертируете его в три формата (.mp4 , .webm , .ogv). Далее эти файлы вставляете на свой хостинг в корневой каталог сайта. На нужной странице своего проекта во вкладке "Эксперт" выбираете "После открытия тега BODY" и вставляете этот код:

<video autoplay loop muted="false" poster="http://www.koporyetea.ru/2.jpg" id="video-on-bg">
    <source src="http://www.koporyetea.ru/Produce.mp4" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'>
    <source src="http://www.koporyetea.ru/Produce.webm" type='video/webm; codecs="vp8.0, vorbis"'>
    <source src="http://www.koporyetea.ru/Produce.ogv" type='video/ogg; codecs="theora, vorbis"'>
</video>

<script>
    document.createElement('video');
</script>

<style type="text/css">
    video { display:block; }
    video#video-on-bg {
        background:url('http://www.koporyetea.ru/2.jpg') no-repeat center center fixed;
        -webkit-background-size:cover;
           -moz-background-size:cover;
            -ms-background-size:cover;
             -o-background-size:cover;
                background-size:cover;
        width:auto;
        height:auto !important;
        min-width:100%;
        min-height:100%;
        top:84px;
        position:fixed;
        left:0;
        bottom:0;
        z-index:-998;
    }
</style>

В коде меняете только адрес сайта (где указано www.koporyetea.ru - ставите свой адрес сайта). Также нужно подготовить файл в формате .jpg и выложить его на хостинг - это для того, чтобы если видео проигрываться не будет, то пользователь увидит просто изображение - у меня путь к этому файлу на хостинге www.koporyetea.ru/2.jpg). Все, видео должно работать.

Lire plus
Posté le de Igor R.
TRAVERSE D.
TRAVERSE D.
User
Auteur

merci igor

спасибо

Lire plus
Posté le de TRAVERSE D.