ビデオスクラバー video-scrubber
ビデオスクラバーは、ユーザーが現在再生中のビデオ内の任意の時間位置を動的に探すことができる水平スライダーコントロールです。
スクラバーの「ノブ」も、ビデオの再生中に移動し、再生中のビデオの現在の時間位置を示します。 ビデオスクラバーは常にコントロールバーの幅全体を取ります。 ビデオスクラバーを皮で覆うことが可能です。 高さと垂直方向の位置を CSS で変更します。
ビデオスクラバーの一般的な外観は、次の CSS クラスセレクターで制御します。
.s7video360viewer .s7videoscrubber
.s7video360viewer .s7videoscrubber .s7videotime
.s7video360viewer .s7videoscrubber .s7knob
ビデオスクラバーの CSS プロパティ
次の CSS クラスセレクターは、背景、再生、読み込みの指標を追跡します。
.s7video360viewer .s7videoscrubber .s7track
.s7video360viewer .s7videoscrubber .s7trackloaded
.s7video360viewer .s7videoscrubber .s7trackplayed
トラックの CSS プロパティ
次の CSS クラスセレクターでつまみを制御しています。
.s7video360viewer .s7videoscrubber .s7knob
ノブの CSS プロパティ
次の CSS クラスセレクターは、タイムバブルを制御します。
.s7video360viewer .s7videoscrubber .s7videotime
バブルを再生した時間の CSS プロパティ
ビデオスクラバーツールチップは局在可能である。 詳しくは、 ユーザーインターフェイス要素のローカライゼーションを参照してください。
例 – 高さが 10 ピクセルのカスタムトラックカラーのビデオスクラバーでビデオビューアを設定するには また、コントロールバーの上端と左端から 10 ピクセル、35 ピクセルの位置を指定します。
.s7video360viewer .s7videoscrubber {
top:10px;
left:35px;
height:10px;
background-color:#AAAAAA;
}
.s7video360viewer .s7videoscrubber .s7track {
height:10px;
background-color:#444444;
}
.s7video360viewer .s7videoscrubber .s7trackloaded {
height:10px;
background-color:#666666;
}
.s7video360viewer .s7videoscrubber .s7trackplayed {
height:10px;
background-color:#888888;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8