Skype: belvision tell: +375295730844

делаю        Обо мне

продающие лэндинги

с высокой    

конверсией

landing page в рамках вашего бюджета

вёрстка .psd или по стандартному шаблону

Видео фон На Подписную Страницу

Дизайн подписной страницы должен быть таким чтобы конверсия была как можно больше.

Что такое конверсия?

Конверсия это превращение ПОСЕТИТЕЛЕЙ сайта в клиентов, и чем больше из посетителей сайта получится клиентов - значит конверсия Лэндинга или подписной страницы больше.

Если быть более точным то сначала посетитель откликается на ваше предложение, то есть оставляет вам свой Email или телефон а купит ли он у вас зависит от вашего дальнейшего с ним взаимодействия.

Видео фон достаточно сильно влияет на посетителя вашей страницы, шокируя посетителя и подталкивает его к действиям.

Пример страницы с использованием фонового видео

На странице с примером используется видео подгружаемое с Youtube. Можно конечно написать код который будет подгружать видео с вашего собственного хостинга

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<!-- [ IF IT IE9]>
<script>
document.greateElement('video');
</script>
<![ andif] -->
<title></title>
</head>
<body>

<video controls="controls" autoplay loop id="bgvideo">
<source srs="content/youvideo.webm" type="video/webm" />
<source srs="content/youvideo.mp4" type="video/mp4" />
</video>

</body>
</html>

Ну и собственно файл STYLE.CSS

.video #bgvideo{
position:fixed;
right:0;
bottom:0;
-moz-min-width: 100%;
-ms-min-width: 100%; 
-o-min-width: 100%; 
-webkit-min-width: 100%; 
min-width:100%;
width:auto;
height:auto;
z-index: -100;
background: url(zastavka.jpg) no-repeat;
background-size: cover;
-ms-background-size: cover;

}
.video {display:block;}

Однако видео подгружаемое с вашего хостинга тратит трафик и не будет хорошо грузится по всему миру в отличии от  социальной сети Youtube.  Поэтому в примере выше видео фоном подгружается именно с Youtube .

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
	<meta name="viewport" content="width=device-width"> 
	<title>Делаем Лэндинги</title>
	<link rel="stylesheet" href="style.css" />
	<script type="text/javascript" charset="utf-8" src="jquery.tubular.1.0.js"></script>
    <script type="text/javascript" charset="utf-8" src="index.js"></script>
</head>
<body>	
<div id="wrapper" class="clearfix">

Контент страницы

</div>
</body>
</html>

Если необходимо можно добавить возможность регулирования звука, пауза и время начала воспроизведения

Скрипты можно скачать тут