Скрипт Pre-roll (преролл) . Поделитесь кодом или как написать

usergeyv

Местный житель
Регистрация
5 Июл 2013
Сообщения
152
Реакции
22
Перерыл весь гугл, толком ничего нет
Суть проста, нужен скрипт вида
Код:
<div id="rek">Тут плеер или что то другое</div>
<script src="//site.ru/pre.js"></script>
Когда пользователь кликнет на область , появляется моя реклама(например баннер) с таймером и исчезает через заданное время и дает доступ к контенту.
В js полный 0, что писать в pre.js?
 

Absolute

Крокодил ;)
Регистрация
9 Авг 2009
Сообщения
581
Реакции
453
Когда пользователь кликнет на область , появляется моя реклама(например баннер) с таймером и исчезает через заданное время и дает доступ к контенту.
HTML:
 <a id="init" href="#">Click</a>
  <div style="display:none" id="my_content">Баннер <span id="timer"></span></div>
Натив:
HTML:
document.addEventListener("DOMContentLoaded", function(){
  document.getElementById('init').addEventListener("click", function(){
    var my_content = document.getElementById('my_content'),
        timer = document.getElementById('timer'),
        time = 5,
        interval = setInterval(function(){
          if(time !== 0){
            timer.innerHTML = (--time);
          } else {
            my_content.style.display = 'none';
            clearInterval(interval);
          }
    }, 1000);
    my_content.style.display = 'block';
    timer.innerHTML = time;
    return false;
  });
});
То же самое на jQuery
HTML:
$(document).ready(function(){
  $('#init').on('click', function(){
    var my_content = $('#my_content'),
        timer = $('#timer'),
        time = 5,
        interval = setInterval(function(){
          if(time !== 0){
            timer.html(--time);
          } else {
            my_content.hide();
            clearInterval(interval);
          }
    }, 1000);
    my_content.show();
    timer.html(time);
    return false;
  });
});
 

usergeyv

Местный житель
Регистрация
5 Июл 2013
Сообщения
152
Реакции
22
<a id="init" href="#">Click</a>
Спасибо , но если иметь дело с плеером при перемотки, то есть новый клик, опять появляется баннер, как только один раз показывать баннер.
И при клике запускается плеер вместе с баннером, а хотелось , сначала реклама,а потом новый клик на плей.
 

Absolute

Крокодил ;)
Регистрация
9 Авг 2009
Сообщения
581
Реакции
453
Спасибо , но если иметь дело с плеером при перемотки, то есть новый клик, опять появляется баннер, как только один раз показывать баннер.
И при клике запускается плеер вместе с баннером, а хотелось , сначала реклама,а потом новый клик на плей.
Какой плеер используете, код можно?
 

usergeyv

Местный житель
Регистрация
5 Июл 2013
Сообщения
152
Реакции
22

Absolute

Крокодил ;)
Регистрация
9 Авг 2009
Сообщения
581
Реакции
453
Для просмотра ссылки Войди или Зарегистрируйся
HTML5
у uppod есть Для просмотра ссылки Войди или Зарегистрируйся, а так самый простой вариант сделать прозрачный элемент поверх плеера.
Может как-то так, верстку сами додумаете
HTML:
<div style="width:300px;height:200px">
  <div id="init"> </div>
  <div id="rek">Тут плеер или что то другое</div>
  <div style="display:none" id="my_content">Баннер <span id="timer"></span></div>
</div>

<style>
#init, #my_content{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:9999;
}
</style>
ну и в js соответственно добавить скрытие по элементу, которому кликнули, после того как таймер закончил считать.
HTML:
$(document).ready(function(){
  $('#init').on('click', function(){
    var my_content = $('#my_content'),
        timer = $('#timer'),
        time = 5,
        $this = $(this),
        interval = setInterval(function(){
          if(time !== 0){
            timer.html(--time);
          } else {
            my_content.hide();
            $this.hide();
            clearInterval(interval);
          }
    }, 1000);
    my_content.show();
    timer.html(time);
    return false;
  });
});
 

Rassell

Гуру форума
Регистрация
7 Фев 2009
Сообщения
389
Реакции
52
А для DLE 15.1 подскажите код?
 
Сверху