Как заблокировать видеоплеер после x секунд просмотра посетителями WP? - PullRequest
Новая
       12

Как заблокировать видеоплеер после x секунд просмотра посетителями WP?

0 голосов
/ 19 июня 2019

Я настраиваю видеоблокировку следующим образом: ( NSFW Link (Примечание: NSFW! А не моя ссылка)) Код, который я попробовал ниже, был следующим: он останавливает видеопроигрыватель через несколько секунд.Но как я могу полностью заблокировать это для незарегистрированных пользователей (посетителей) WordPress на определенном уровне (через плагин членства).А в заблокированном состоянии должен отображаться собственный баннер со ссылкой.

Это для плагина Wordpress WPS player.Я пробовал на плеере videojs и также может быть применен к плееру WPS.

Это код видео проигрывателя js: 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
    <link href="https://vjs.zencdn.net/7.5.5/video-js.css" rel="stylesheet">
      <script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
</head>
<body>


    <video id="video-1" class="video-js  vjs-default-skin vjs-big-play-centered vjs-fluid" controls preload="auto"    width="600" height="350" 
            data-setup='{ "aspectRatio":"600:350", "preload": "auto" }'>
      <source src="https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_10mb.mp4" type='video/mp4'>
      <p class="vjs-no-js">
        To view this video please enable JavaScript, and consider upgrading to a web browser that
        <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
      </p>
    </video>

    <script src='https://vjs.zencdn.net/7.5.5/video.js'></script>
</body>
</html>

добавлен javascript локера, подобный этому: 

var pauseTime = 5

$( document ).ready(function() {
    $(".video-js:not(.vjs-tech)").each(function (videoIndex) {
        var videoId = $(this).attr("id");
        videojs(videoId).ready(function(){
            var timeCheck = function() {
                if (this.currentTime() > pauseTime && this.currentTime() < pauseTime + 1) {
                    pauseTime = pauseTime + 5
                    this.trigger('played5Second');
                }
            }
            this.on('played5Second', function(){   
                this.pause();
                alert('5 sec left. Paused. Overlay Ads! ')
                //show video Overlay Ads here
            });
            this.on('timeupdate', timeCheck)
        });
    });
});

Я ожидаю вывода пользовательского баннера и полностью блокирую видеоплеер для посетителей WordPress и разрешу его для зарегистрированных пользователей.Как я могу это сделать?

...