Сохранить время просмотра на сайте
 | |
| Скрипт позволит сохранить пользователю время просмотра видео и можно установить на кино сайт и в любое время приостановить просмотр фильма и этот скрипт сохранит все до секунды. Безусловно вы видели уже такой скрипт и теперь можете установить на своем сайте. Можно установить его в низ плеера, что по дизайн, то идут стили на его и вы можете также их подогнать под свой дизайн сайта и создать ту гамму которая подходит. Как поняли эта функция работает на видео плеере, не важно, что это фильм или сериал. Вы просто выставляете сериал, а у него если несколько сезонов, то и его также нужно поставить. Но и время которое вы видите, а точнее просмотрели, здесь ставим до минуту и нажимаем на кнопку сохранить. И потом все можно отключить и скрипт все запомнит, что при следующим включение вы начнете просмотр от куда закончили его, все просто. Приступаем к установке: Скопируйте и вставьте код ниже в нужное места на странице материала и комментариев к нему Код <div class="ntSavebc"> <b>Сезон</b> <input type="text" class="ntSaveForms$ID$" value="" placeholder="Сезон"> <b>Серия</b> <input type="text" class="ntSaveForms$ID$" value="" placeholder="Серия"> <b>Время</b> <input type="text" class="ntSaveForms$ID$" value="" placeholder="00:00"> <a href="javascript://" class="ntSaveFormsSubmit$ID$">Сохранить</a> </div> Теперь добавим js на эту же страницу перед закрывающим тегом /body Код <script type='text/javascript' src='http://code.jquery.com/jquery-latest.min.js'></script> <script type='text/javascript'> (function(jQuery){var isLS=typeof window.localStorage!=="undefined";function wls(n,v){var c;if(typeof n==="string"&&typeof v==="string"){localStorage[n]=v;return true}else if(typeof n==="object"&&typeof v==="undefined"){for(c in n)if(n.hasOwnProperty(c))localStorage[c]=n[c];return true}return false}function wc(n,v){var dt,e,c;dt=new Date;dt.setTime(dt.getTime()+31536E6);e="; expires="+dt.toGMTString();if(typeof n==="string"&&typeof v==="string"){document.cookie=n+"="+v+e+"; path=/";return true}else if(typeof n=== "object"&&typeof v==="undefined"){for(c in n)if(n.hasOwnProperty(c))document.cookie=c+"="+n[c]+e+"; path=/";return true}return false}function rls(n){return localStorage[n]}function rc(n){var nn,ca,i,c;nn=n+"=";ca=document.cookie.split(";");for(i=0;i<ca.length;i++){c=ca[i];while(c.charAt(0)===" ")c=c.substring(1,c.length);if(c.indexOf(nn)===0)return c.substring(nn.length,c.length)}return null}function dls(n){return delete localStorage[n]}function dc(n){return wc(n,"",-1)}jQuery.extend({Storage:{set:isLS? wls:wc,get:isLS?rls:rc,remove:isLS?dls:dc}})})(jQuery); (function ntSaveForms() { var text, cl; $(".ntSaveForms$ID$").each(function(i) { cl = "ntSaveForms$ID$"+i; $(this).addClass(cl); // add new class text = $.Storage.get(cl); if (text && text.length > 0 && !$(this).val()) { $(this).val(text); // set field data } }); $(".ntSaveForms$ID$").keyup(function() { $.Storage.set($(this).attr("class").split(" ")[$(this).attr("class").split(" ").length -1], $(this).val()); // save field data }); $(".ntSaveFormsSubmit$ID$").click(function() { $(".ntSaveForms$ID$").each(function(i) { $.Storage.remove("ntSaveForms$ID$"+i); // remove data }); }); })(); </script> Если у вас по какой то причине скрипт работать не будет не спишите расстраиваться и для начала очистите кеш браузера и если после этого скрипт не заработает перенесите код выше в head то есть вам нужно будет поместить код не перед /body а перед /head Теперь нам осталось добавить немного стилей копируем код ниже и в таблицу стилей в самый конец Код /*Стили главного блока*/ .ntSavebc { width: 100%; background: #FFDCA5; padding: 20px; margin: 10px 0px; } /*Стили текста*/ .ntSavebc b { margin-left: 10px } /*Стили для полей*/ .ntSavebc input { margin: 0 10px; margin-right: 20px; border-radius: 20px; border: none; width: 80px; text-align: center; padding: 5px; } Если вы захотите что то поменять цвет блока или текста просто отредактируйте код выше На этом всё! | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 19 | |
| |
| 1 2 » | |
