iPhoneネイティブプレーヤーでシーク可能でスキップ可能なhtml5ビデオ広告を避ける

Question

ビデオの前に再生して広告映像を再生するHTML5プレーヤー（video.jsを使用）を設定しました。

SafariがネイティブiOSプレーヤーに、ユーザーが簡単に広告をスキップできるようにするコントロールを求めてビデオを再生するよう呼びかけているときに、iPhoneデバイスに問題が発生する。

（ところで、あなたは次のアップデートでネイティブにこれを適用することができます）私は、タグに属性「playisinline」と「WebKitの-playisinline」を適用したとこれが唯一のiOS 10に取り組んでいます、しかし、iOS 9では、それはまだ可能性を追求してネイティブプレイヤーを示しています。

thisを他の場所でここで示唆したように使用するように試しましたが、非常にバグがあり、プレーヤーの実装に矛盾が生じます。

フルスクリーンのネイティブプレーヤーを制御し、現在の再生時間をリセットしてシークしないようにするだけですが、これを行う方法はわかりません。

助けてください。

Answer 1

以下のスニペットを試しましたか？それは前方を求めるのを妨げるでしょう。

アイデアは非常に簡単で、1秒ごとに現在の位置を取得する間隔を使用しています。シーク位置が現在の位置よりも大きい場合は、それを元に戻します。唯一の回避策:)

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>