КОНКУРС
Оставь лучший отзыв и получи денежный приз!

Оставьте внизу этого выпуска отзыв и выйграйте 200руб., 400руб., или 800руб. Только WebMoney.
Как? Какой отзыв?
Все просто.
Вот, на какие вопросы Ваш отзыв должен ответить:
— Какими моими материалами Вы пользуетесь чаще всего?
— Что Вы думаете по поводу моих видеоинструкций?
— Какие результаты принесли Вам мои проекты?

Вы также можете записать «живое» видео, либо скринкаст.
Если вы займете 3-е, или 2-ое, или 1-е место, а Ваш отзыв будет в аудио формате — получите дополнительно 250руб... Если в качестве видео — 500руб.

Дополнительные условия:
1) Отзыв «простым» языком.
2) Минимум 6 предложений.
3) Максимум 10-15 (желательно).
Результаты, которые принесли Вам мои проекты, должны быть истинными.

Конкурс продлится до 25.05 (включительно), а в понедельник (26.05) имена победителей появятся тут:

1 место:
Олег Деркач и Евгений Румянцев
[400руб. + 500руб.]и [400руб. + 500руб.] Благодарю!

2 место:
Александр III (Видимо, это такой ник)
[400руб.] Благодарю!

3 место:
Денис
[200руб.] Благодарю!

...

Как только увидите свое имя среди победителей, кликните по баннеру, расположенному слева на сайте, чтобы написать мне. Используйте ТОТ ЖЕ E-MAIL, который Вы использовали для отзыва. Если Вы оставили комментарий вКонтакте, то еще проще — я сам Вам напишу. Готовьте свой кошелек.
P.S. Приз в любом случае кто-то получит, даже, если отзывов будет только два.

Устанавливаем обычное MP4 видео
в качестве фона на сайте. [HTML5 и CSS]

У меня уже есть страницы, где в качестве фона проигрывается видео, которое хостится на ютубе:
https://sergeychunkevich.com/podpisnaya-stranica-i-youtube-video-na-zadnem-fone

А что, если видео мы не желаем загружать на YouTube? Разные есть причины...

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

Для чего нужно такое видео?

Например, на Вашей подписной странице в качестве подарка за подписку Вы предлагаете запись семинара. Разумно будет вырезать из видео 10-20 секунд и сделать этот клип фоном страницы, при этом видео будет постоянно повторяться. Желательно, чтобы этот видео-отрезок был:
1. БЕЗ звука;
2. 2-4 MB (мегабайта) — чтобы не ждать, пока видео загрузится.
3. 10-20 секунд. 30 кадров в секунду и 1000—1100 килобит в секунду

Код для вставки:

<!-- VideoBG -->
<video autoplay="" loop="" poster="НазваниеКартинки.jpg" id="video-on-bg">
    <source src="НазваниеВИДЕО.mp4" type="video/mp4">
</video>
<!--[if lt IE 9]>
<script>
    document.createElement('video');
</script>
<![endif]-->
<style type="text/css">
    video { display: block; }
    video#video-on-bg {
        background:url('НазваниеКартинки.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%;
        position:fixed;
        left: 0; /* прикрепить видео к левому краю или правому? (right:0;) */
        bottom: 0; /* прикрепить видео к нижнему краю или верхнему (top:0;) */
        z-index: -998;
    }
</style>
<!-- / VideoBG -->

Фиксируем меню с любого места
при прокрутке страницы.

По сути все просто. Нам лишь нужно сделать простые действия «copy-paste»:
1) Вначале скопировать скрипты и вставить их в тег «head» у себя на сайте, а потом скопировать стили и вставить их в основной файл со стилями вашего сайта (style.css).
2) Заключите ваш элемент в отдельный тег div с классом class="RBsticky-element". Или добавьте наш класс рядом к уже существующему,
например, class="Класс1 RBsticky-element". Если у элемента нет никакого класса, то еще лучше — просто добавьте наш класс и все. (Посмотрите инструкцию — там все наглядно.)

Вот, что нам нужно:

Копируем внизу скрипты и вставляем их в < head >. (Если Вы заметили, то первый скрипт — это jQuery (1.11.1.min.js) библиотека. Возможно, она уже у Вас установлена, поэтому имеет смысл вначале ее не копировать, проверить без этого скрипта. Если не работает, то у Вас не подключена библиотека, а значит вставляйте оба скрипта. )

<!-- Внизу это библиотека jQuery. Проверьте, возможно она у Вас уже установлена -->
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<!-- Основной скрипт для фиксирования элемента -->
<script>
    $(document).ready(function() {
        var RBStickyNav = $('.RBsticky-element').offset().top;
        var stickyNav = function() {
            var scrollTop = $(window).scrollTop();
            if (scrollTop > RBStickyNav) {
                $('.RBsticky-element').addClass('RBSticky');
            } else {
                $('.RBsticky-element').removeClass('RBSticky');
            }
        };
        stickyNav();
        $(window).scroll(function() {
            stickyNav();
        });
    });
</script>
<!-- / Основной скрипт для фиксирования элемента -->

Так же в стилях придадим свойства к уже созданному основным скриптом новому классу «.RBSticky»:

.RBSticky {
    position:fixed;
    height:auto !important;
    top:0;
    z-index:100;
    border-top:0;
    margin-top:0;
}

Далее заключаем код с элементом(меню) в тег div с классом class="RBsticky-element", или присваиваем уже новый класс основному тегу вашего элемента(меню):

<div class="RBsticky-element">
    <!-- код элемента, который хотите прикрепить -->
</div>

<!-- ИЛИ -->
<ul id="menu" class="RBsticky-element">
    <li><a href="#">1 пункт меню</a></li>
    <li><a href="#">2 пункт меню</a></li>
    <li><a href="#">3 пункт меню</a></li>
    <li><a href="#">4 пункт меню</a></li>
</ul>

Протестируй свой сайт на скорость,
а так же и на наличие ошибок.

Заметил, что некоторые мои демо-сайты ОЧЕНЬ долго грузятся. В чем проблема? Что за «янрех»(читайте слово наоборот)? Код продуман, ошибок не найдено...мною...И все таки для загрузки требуется более 4 секунд...Еще раз проверил...Все ок.

Самое интересное, что когда нашел проблему, то с кодом действительно все было ок. Дело было в том, что я удалил у некоторых демо-сайтов файл со стилями «style.css», поскольку перенес стили в «index.html», а тег «<link>» с направлением на файл со стилями не удалил, поэтому браузер не мог найти этот файл со стилями, отсюда 4 секунды и более на загрузку... Это только потом я вспомнил, что есть ведь у браузеров функция «Inspect Element», где в консоли можно глянуть на ошибки... В любом случае, консоль не покажет Вам всех важных деталей из-за которых сайт может грузиться дольше обычного.

Внизу Вы найдете несколько прямых ссылок на сервисы, в которых Вы сможете протестировать свой сайт. Думаю, что лучше будет вначале посмотреть видеоинструкцию, а потом проверять. Я Вам покажу на примере, как это было с одним из моих демо-сайтов, т.е. покажу, где всплывает проблема и как решается.

1. Pingdom Website Speed Test

2. Google PageSpeed Insights

3. Free Website Performance Test

Ответы
на вопросы.

1. Сергей, никак не получается подключить скрипт RuMeny. Спасайте!
Записал более подробную видеоинструкцию, где затронул вопрос установки более подробно.
Перейти на статью и посмотреть видеоинструкцию: https://sergeychunkevich.com/skrytaya-nindzya-panel-s-formojj-podpiski-ili-reklamojj-rumeny/

2. Сергей, как сделать так, чтобы YouTube видео включалось автоматически? И как скрыть панель управления и панель с названием?
Все о вставке YouTube видео тут: https://sergeychunkevich.com/hitro-vstavljaem-youtube-video
Вы так же получите специальную PDF шпаргалку, чтобы быстро изменить код и искусно манипулировать с параметрами.