Html5 Video：最初の数秒間にスクラバーを無効にすることはできますか？

Question

私はHTML5でカスタム動画プレーヤーを作成することに興味があります。 html5ビデオメディアを埋め込むのに問題はありません。数秒間スクラバーを無効にする方法を理解してから、他のコントロールを有効にする必要があります。いくつかの例を試してみましたが、何も助けてくれませんでした。このような

Answer 1

何か作業をする必要があります：もちろん

videoElement.onplay = function() { 
    setTimeout(function() { 
     videoElement.controls = true; 
    }, 3000); 
}; 

、コントロールすることなく、あなたがビデオを開始する方法が必要になり示します。 autoplay属性がオンの場合、自動的に開始されるか、カスタム再生ボタンをクリックするなどのイベントに応答してvideoElement.play()に電話をかけることができます。

コントロールを無効にしても視覚的に表示されるようにするには、カスタムコントロールを作成し、有効にするには同じコントロールonplay/setTimeoutを使用する必要があります。