Question

我正在像这样设置视频储物柜：（NSFW Link（注意：NSFW！而非我的链接））我在下面尝试的代码是：几秒钟后，它将暂停视频播放器。但是我如何才能在一定级别上（通过会员插件）完全锁定未登录的wordpress用户（访问者）。并且在锁定后，它应该显示带有链接的自定义横幅。

这是针对Wordpress WPS播放器插件的。我尝试过使用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的访问者，并允许已登录的用户使用。我该怎么办？

如何在WP访问者观看x秒后锁定视频播放器？

0 个答案: