在iPhone原生播放器上避免使用可搜索和可跳过的html5视频广告

时间:2016-10-18 12:58:08

标签: ios iphone html5 video native

我已经设置了一个HTML5播放器(使用video.js),该播放器在视频本身之前播放和播放视频。

iPhone设备出现问题,当Safari呼叫原生iOS播放器播放视频并寻求控制时,用户可以轻松跳过广告。

check this out

我已经应用了属性" playisinline"和" webkit-playisinline"进入标签,这只适用于iOS 10(顺便说一下,你可以在下次更新时本地应用),但在iOS 9上,它仍然显示寻找可能性的本地播放器。

我已尝试在其他地方使用this,但它非常错误,并且在我的播放器实施中出现了冲突。

我只需要控制全屏原生播放器并避免通过将当前播放时间重置为该播放器而进行搜索,但我无法找到如何执行此操作。

任何帮助表示感谢。

1 个答案:

答案 0 :(得分:0)

您是否尝试过以下代码段?它会阻止寻求前进。

这个想法非常简单,使用间隔来每秒抓取当前位置。如果搜索位置大于当前位置,则将其设置回来。这只是一种解决方法:)

if (document.getElementById("vid1")) {
  videojs("vid1").ready(function() {
    
    var myPlayer = this;

    //Set initial time to 0
    var currentTime = 0;
    
    //This example allows users to seek backwards but not forwards.
    //To disable all seeking replace the if statements from the next
    //two functions with myPlayer.currentTime(currentTime);

    myPlayer.on("seeking", function(event) {
      if (currentTime < myPlayer.currentTime()) {
        myPlayer.currentTime(currentTime);
      }
    });

    myPlayer.on("seeked", function(event) {
      if (currentTime < myPlayer.currentTime()) {
        myPlayer.currentTime(currentTime);
      }
    });

    setInterval(function() {
      if (!myPlayer.paused()) {
        currentTime = myPlayer.currentTime();
      }
    }, 1000);

  });
}
<link href="http://vjs.zencdn.net/4.12/video-js.css" rel="stylesheet"/>
<script src="http://vjs.zencdn.net/4.12/video.js"></script>
<video id="vid1" src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" controls class="video-js vjs-default-skin vjs-big-play-centered" width="640" height="360" preload="auto"></video>