Сохранить время просмотра для Uppod плеера

2422 просмотров Alan_Writer 02.09.2016

Скачать 📥 Демо ▶️

Адаптировал по просьбе одного человека скрипт, который по нажатию кнопки, запоминает при помощи "кук" то время на котором в этот момент воспроизводился ролик в Uppod-плеере, благодаря чему при следующем посещении страницы, вы можете продолжить просмотр видео или фильма с того момента на котором остановились в прошлый раз.

Еще раз повторюсь - скрипт работает только с плеером Uppod. Может и можно адаптировать под другие плеера, но это уже не в моих силах. Кратко о работе скрипта. При первом посещении страницы ничего кроме плеера пользователь сначала не видит, но сразу после начала воспроизведения видео - снизу появляется небольшой блок с кнопкой записи, нажав на нее в любое время воспроизведения видео - появляются остальные две кнопки: воспроизведение с записанного момента, и удаление сохраненного момента.

Установка скрипта

1. Скачайте архив и все содержимое залейте в корень файлового менеджера.

2. В нижнюю часть сайта вставьте все нужные скрипты и стили:
Код
<link media="screen" href="/timesave/style.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="/timesave/cookies.js"></script>
<script type="text/javascript" src="/timesave/storageapi.js"></script>
<script type="text/javascript" src="/timesave/timesave.js"></script>

3. Ну и теперь ставим сам плеер и блок с кнопками в нужное место шаблона страницы материала:
Код
<div class="pplay">
<object style="visibility:visible;" id="videoplayer_$ID$" data="/timesave/uppod.swf" type="application/x-shockwave-flash" width="640" height="360">
<param value="#333" name="bgcolor">
<param value="true" name="allowFullScreen">
<param value="always" name="allowScriptAccess">
<param value="comment=$TITLE$&uid=videoplayer_$ID$&file=$DOCPAGE_URL$&st=/timesave/video103-1430.txt" name="flashvars">
</object>
<div class="save-block" data-pl="$ID$">
<div class="save-box">
<a href="#" class="save-time" style="display:none;">Сохранить время</a>
<div class="save-right" style="display:none;">
<a href="#" class="save-play" style="display:none;" title="Продолжить просмотр">
<span class="save-text" style="display:none;"></span>
</a>
<a href="#" class="save-del" style="display:none;" title="Удалить время просмотра"></a>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>

Итак немного о плеере. Если вы используете другой стиль - меняйте файл video103-1430.txt на свой. Ссылка на видео файл в моем примере как можно заметить вставляется полем $DOCPAGE_URL$, но вы можете использовать другое, главное замените его потом в плеере.

Также возможно вы вообще весь плеер вставляете одним полем, тогда во-первых полностью из этого блока удалите блок плеера (object) и вместо него вставьте код того поля в которое вы вставляете плеер, а во-вторых плеер нужно добавлять со всеми теми идентификаторами что имеются в плеере показанном выше, а именно: id="videoplayer_$ID$" и uid=videoplayer_$ID$ (где $ID$ уникальное для каждого плеера число).

Вот и все. Пример работы скрипта можно посмотреть на демо странице. Лайк если помог!

Теги: время, Uppod, сохранить, плеер
6 Комментариев
avatar
4
Добрый день скажите а как можно это сделать под uppod html 5 ??? Заранее спасибо.
avatar
5
Не знаю, оригинал был сделан для флеш, я просто его рипнул. Переделывать под что-то другое я не могу.
avatar
6
Ясно спасибо за ответ. А скажите нигде не встречали такую шнягу, статистика запусков плеера uppod так же под html 5. Просто под флэш у них на сайте есть а html 5 нигде не видать:-(
avatar
3
Вещь хорошая, как плей лист подключить, очень бы выручил biggrin
avatar
1
а кроме Uppod плеера можно использовать другой взятый с другого сайта например ютуба или с кино сайта
avatar
2
Я пробовал - не получилось.