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

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

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

Если быть более точным то сначала посетитель откликается на ваше предложение, то есть оставляет вам свой 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>

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

Written by sergei