HTML5ビデオには最初の1〜2秒の動画がロードされません

Question

私のサイトの<video>タグに.mp4ソースの動画があります。

デスクトップのFirefoxでは、うまくいきます。 しかし、クロムでは、最初からビデオを巻き戻そうとすると、ビデオは〜2秒後に開始されます。

携帯端末では、動画の最初の〜2秒が読み込まれず、FirefoxとChromeで試しました。

何が問題なのですか？

おかげ

Answer 1

原因：

あなたの問題は、あなたのビデオの長さ対<video>要素width properyです。あなたのビデオはわずか10秒ですので、<video>要素のとビデオの長さとの間の比率に従って、一部のブラウザがスクロールバーを分​​割するため、<video>要素のスクロールバーは正確な先頭にジャンプできません。

考えられる解決策：

第0秒にムービーを巻き戻しJavascriptを追加します。 onseekedイベントを使用して、ユーザーがムービーの先頭までシークしたかどうかを確認してから、ビデオの現在の時刻を0に設定します。これは正確な開始時刻です。

例：

var video = document.getElementById("myVideo"); 

video.onseeked = function() { 
    if (video.currentTime <= 2) 
     video.currentTime = 0; 
};