Скрипт позволит сохранить пользователю время просмотра видео и можно установить на кино сайт и в любое время приостановить просмотр фильма и этот скрипт сохранит все до секунды. Безусловно вы видели уже такой скрипт и теперь можете установить на своем сайте. Можно установить его в низ плеера, что по дизайн, то идут стили на его и вы можете также их подогнать под свой дизайн сайта и создать ту гамму которая подходит.
Как поняли эта функция работает на видео плеере, не важно, что это фильм или сериал. Вы просто выставляете сериал, а у него если несколько сезонов, то и его также нужно поставить. Но и время которое вы видите, а точнее просмотрели, здесь ставим до минуту и нажимаем на кнопку сохранить. И потом все можно отключить и скрипт все запомнит, что при следующим включение вы начнете просмотр от куда закончили его, все просто.
Приступаем к установке: Скопируйте и вставьте код ниже в нужное места на странице
материала и комментариев к нему Код
<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;
}
Если вы захотите что то поменять цвет блока или текста просто отредактируйте код выше