Safariで '終了しました'の中間ビデオを検索するHTML5動画

Question

背景のヒーロー動画には<video>を使用しています。 0時に開始されます。 0:11クリップの終わりに達すると、それは02にポップアップし、そこから繰り返されます。私はそれを達成しました：

タブレット/モバイルの代替画像に交換されるため、私はデスクトップ体験にのみ関心があります。これはChrome、Firefox、さらにはIEでも動作します。しかし、Safariは、02の代わりに0:00から繰り返されます。

addeventListenerの代わりにボタン全体に機能を置くと機能します。 CurrentTimeの再割り当ては問題ではないようです。私は全体をvideo.oncanplaythrough = function() {の中に入れてみました。 .addEventListener('ended')を$('video').on('ended',function(){またはvideo.onended = function() {に変更しようとしました。

.play（）は、私がon('click')を働かせることを除いて、いつも0:00にあなたを送り返すようです。ご協力いただきありがとうございます！

Answer 1

Safariのplay()関数は、currentTimeをゼロにリセットしているようです。予想されるように

あなたplay()ビデオの場合、その直後にCURRENTTIMEを設定し、それが動作します：

document.getElementById('bgvid').addEventListener('ended',repeatVid,false); 
function repeatVid(e) { 
    var mediaElement = document.getElementById('bgvid'); 
    mediaElement.play(); 
    mediaElement.currentTime = 2; 
}