VideoViewerЗАГЛЯНИ В БУДУЩЕЕ СЕЙЧАС

Video Viewer - это новая возможность войти в будущее, для сайтов кино- и видео

тематики. Формат подходит как для онлайн кинотеатров, торрент проектов, так и для создания собственного проекта по просмотру фильмов, сериалов и телепередач с нуля.Представляет собой JS код, который находит и выводит лицензионный контент в плеере, соответствующий контенту на страницах вашего сайта.

Что это такое?

Как это работает?

1. Вебмастер размещает код на страницах своего сайта;2. В месте размещения кода появляется плеер Video Viewer , либо на уже имеющийся плеер накладывается кнопка “Смотреть” (videolocker 700*500). Размеры плеера Video Viewer подстраивается под расширение и стили страниц сайта;3. После нажатия на плеер Video Viewer или на кнопку videolocker , экран сайта затемняется, и в pop-over окне появляется плеер 700*500 с лицензионным контентом, соответствующим странице вашего сайта;

Перед началом просмотра основного лицензионного контента, пользователю транслируется короткий рекламный видео ролик, за просмотр которого происходит оплата.

• Поиск контента по переданному названию. Если контент найден, он откроется во вкладке «просмотр» и готов для ознакомления. Если контент не найден, то в блоке «результаты поиска» вы увидите все совпадения по данному запросу. Например: передав строку «ДОМ-2» точного совпадения не будет, однако в результатах поиска вы увидите «Дом-2. Как все начиналось: сезон 5, выпуск 8», «ДОМ-2 Город любви 2339 дня» и т.д.

• Поиск контента через поисковую строку формата. Найденные совпадения выводятся в блок «результаты поиска».

• Выборка «сейчас смотрят». Предоставление к просмотру случайных/популярных видео.

 

Основные функции формата

Максимальное количество превью, подгружаемых в блоке «сейчас смотрят» – 25, в блоке «результаты поиска» – 50.Блоки «результаты поиска» и «сейчас смотрят» оснащены пагинацией (разбиением контента по страницам). Формат поддерживается всеми современными браузерами, а также Internet Explorer-ом, начиная с 9 версии (включительно).

Video Viewer необходимо размещать как можно ближе к целевому вниманию пользователя.Чем ближе плеер формата будет расположен к верху страницы, тем больше вероятность того, что посетитель его заметит и заинтересуется.

Размещайте формат выше всех остальных плееров на страницах сайта.

Описание юзабилити

Приемущества VideoViewer:

- Лицензионный видео контент на постоянной основе, который не будет изъят из публичного доступа;- отсутствие любых претензий со стороны правообладателей, так как весь транслируемый контент полностью лицензионный;- посетители получают пользу, удовольствие и интерес от просмотра фильмов, сериалов и телепередач на сайте партнёра в наилучшем качестве;- посетитель останется на сайте для просмотра нужного ему контента.- реклама высокого качества;- заработок от просмотров лицензионных рекламных роликов;

Требования:

● плеер Video Viewer должен располагаться перед основным плеером на страницах Вашего сайта, либо заменять основной плеер;

● Ваш сайт должен подходить по всем условиям сети;● Наполнение сайта должно быть кино или видео тематики;● Вы можете создать раздел на вашем сайте кино и видео тематики, если сайт

посвящён другой категории;● Title страниц Вашего сайта должен быть на русском языке и легко читаем;● Шаблоны Title прописываются вместе с устанавливаемым кодом, для

достижения максимального дохода и совпадений поиска (инструкция ниже).

Псевдо-плеер на сайтеЛицензионный контент

Кнопка на плеере

Поиск контентаПросмотр контента

Необходимо присвоить переменной amvm_title строку, являющуюся названием ролика.Для этого есть 3 способа:

1 способ Если название ролика фигурирует у Вас на странице и Вы можете составить селектор для его получения, то сделайте это на JS / Jquery.К примеру, у вас на странице присутствует следующая конструкция:<div class="movie_title"><h1>Кораблик </h1></div>

В этом случае объявление переменной amvm_title будет выглядеть следующим образом:Вариант на JS:

var amvm_title = document.querySelectorAll(".movie_title h1").innerHTML;Вариант на Jquery:

var amvm_title = $(".movie_title h1").text();Ознакомиться со списком существующих CSS селекторов можно здесь: http://www.codeharmony.ru/materials/42

Настраиваем TITLE

2 способПодставляем название ролика с сервера на примере популярной CMS - Wordpress.Предположим, при добавлении видео-роликов вы указываете их название в поле «заголовок статьи».Тогда название будем передавать следующим образом: var amvm_title = '<?=get_the_title();?>'; - в данном случае get_the_title – функция, возвращающая заголовок постаNB! Не забудьте обернуть в кавычки (двойные или одинарные).

3 способЕсли оба вышеописанных способа Вам не подходят, то Вы можете воспользоваться функционалом, включенным в формат по заданию шаблонов для парсинга тайтлов страницы. Использовать данный способ имеет смысл в том случае, если в заголовке страницы присутствует название ролика.Вместо переменной amvm_title мы объявляем строковый массив шаблонов тайтлов amvm_title_templates. Предположим, на страницах Вашего сайта присутствуют следующие тайтлы:Смотреть фильм Побег онлайнСмотреть фильм Зимнее утро (1966) онлайн бесплатноЛунатики онлайнСердце земли

Где названиями видеороликов являются: «Побег», « Зимнее утро», «Лунатики» и «Сердце земли».

В этом случае массив amvm_title_templates будет включать в себя следующие элементы: var amvm_title_templates = [ 'Смотреть фильм {TITLE} ({NUMBER}) онлайн бесплатно', 'Смотреть фильм {TITLE} онлайн', '{TITLE} онлайн', '{TITLE}', ]; Конструкция {TITLE} подразумевает под собой искомое название видеоролика.Конструкция {NUMBER} - любое целое число, например год выпуска фильма. То есть шаблон 'Смотреть фильм {TITLE} ({NUMBER}) онлайн' корректно сработает как для заголовка «Смотреть фильм Зимнее утро (1966) онлайн бесплатно», так и для «Смотреть фильм Главная улика (2008) онлайн бесплатно».  Шаблоны следует располагать в порядке убывания степени релевантности.Предположим, у нас есть 2 тайтла: «Смотреть фильм Побег онлайн» и «Смотреть фильм Зимнее утро» В этом случае корректный порядок указания шаблонов будет следующий:var amvm_title_templates = [ 'Смотреть фильм {TITLE} онлайн', 'Смотреть фильм {TITLE}',]; Если поменять их местами, то возникнет следующая ситуация:Заголовок «Смотреть фильм Побег онлайн» будет подходить под первый указанный шаблон 'Смотреть фильм {TITLE}' , только название ролика в таком случае определится не как «Побег», а как «Побег онлайн», что не является верным. Вы также можете парсить названия роликов используя регулярные выражения.

1 вариант

С передачей названия ролика через переменную amvm_title Копируем в место отображения формата:<!--noindex--><div class="amvm-player"></div> <!--/noindex--> Устанавливаем перед закрывающим </body>: <!--noindex--> <script type="text/javascript"> var amvm_title = document.querySelector({YOUR_SELECTOR_HERE}).innerHTML; </script> <script type="text/javascript" src="http://x.videoviewer.ru/vv.php?s={SITE_ID}" id="amvm"></script> <!--/noindex--> 

Примеры установки

2 вариант

Используя шаблоны заголовков. Копируем в место отображения формата:<!--noindex--><div class="amvm-player"></div> <!--/noindex--> Устанавливаем перед закрывающим </body>: <!--noindex--> <script type="text/javascript"> var amvm_title_templates = [ 'Смотреть фильм {TITLE} ({NUMBER}) онлайн бесплатно', 'Смотреть фильм {TITLE} онлайн', '{TITLE} онлайн', '{TITLE}', ]; </script> <script type="text/javascript" src="http://x.videoviewer.ru/vv.php?s={SITE_ID}" id="amvm"></script> <!--/noindex-->

VideoViewerСкажем «НЕТ» пиратству!