Презентация Video viewer

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

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

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

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

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

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

7. Требования:
● плеер Video Viewer должен располагаться перед основным плеером на
страницах Вашего сайта, либо заменять основной плеер;
● Ваш сайт должен подходить по всем условиям сети;
● Наполнение сайта должно быть кино или видео тематики;
● Вы можете создать раздел на вашем сайте кино и видео тематики, если сайт
посвящён другой категории;
● Title страниц Вашего сайта должен быть на русском языке и легко читаем;
● Шаблоны Title прописываются вместе с устанавливаемым кодом, для
достижения максимального дохода и совпадений поиска (инструкция ниже).

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

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

10. Настраиваем 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

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

12. В этом случае массив 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}' ,
только название ролика в таком случае определится не как «Побег», а как «Побег онлайн», что не является верным.
Вы также можете парсить названия роликов используя регулярные выражения.

13. Примеры установки
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-->

14. 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-->

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