Возможность использовать в качестве фона для сайта ЛЮБОЙ видеоматериал - это дополнительные возможности для украшения Вашего сайта!

 

На этой странице в качестве фона (background) использованы РАЗНЫЕ видеоролики, расположенные на видеохостинге ЮТУБ, которые будут воспроизводиться в случайном порядке при каждом обновлении страницы.

Для правильной работы понадобятся файл  jquery.js, который уже есть в подавляющем большинстве CMS (здесь используется jquery-2.1.1.js, на более старых версиях jquery запустить видеофон не удалось)

Дополнительно понадобится еще один скрипт - jquery.mb.YTPlayer.min.js, который можно скачать с этой страницы.

В шаблоны нужных страниц необходимо вставить код:

<script src="/videofon/js/jquery.mb.YTPlayer.min.js"></script> <script> jQuery(function () { var myPlayer = jQuery(".player").YTPlayer(); }); var videos = ["CdYmTZFEJnI", "pcx6aGGqrKI", "Mrd4hgZ_eQc", "K80Dinim0hg", "YMHR1vl7W1A", "G8u7enUXppo", "7YjJBJO-_88", "Fb_H741LdzM", "xEkv8MeoVHg", "-IQ0c6KkpK0", "vfoQyhyJ-7o", "CMfMVfmHcFM"]; var rndVideo = videos[Math.floor(Math.random() * videos.length)]; </script> <a class="player" data-property="{videoURL:rndVideo,containment:'body',showControls:false,autoPlay:true,vol:2,startAt:0,opacity:1,ratio:'16/9',addRaster:false}">My video</a>

где "CdYmTZFEJnI", "pcx6aGGqrKI", "Mrd4hgZ_eQc"... и т.д. - идентификаторы роликов на ЮТУБ-е, т.е часть URL ролика, например http://www.youtube.com/watch?v=G8u7enUXppo

Если нет необходимости в воспроизведении звука, то вместо vol:2 вставьте mute:true