Video arriere plan
Autor: TRAVERSE D.
Visitado 1832,
Seguidores 1,
Compartilhado 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?
Publicado em
Salut Z.K.,
J'ai retrouvé ce (vieux) sujet sur la question, qui je pense est toujours d'actualité :
https://helpcenter.websitex5.com/post/51184
@+ et bonne continuation, J.P.
Так нужно сделать - 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). Все, видео должно работать.
Autor
merci igor
спасибо