CSSビデオコントロールはビデオ再生バーを削除します

2 つの方法は次のとおりです。

1. CSS を使用してビデオ再生コントロールを非表示にします。

<style type="text/css">
    video::-webkit-media-controls{
    
    
        display:none !important;
    }
</style>

css はネイティブ HTML5 ビデオ コントロールを非表示にします。これを設定すると、コントロールが false に設定されていなくても、ネイティブ コントロールは再び表示されなくなります。再生ボタン、再生プログレスバー、ミュートボタン、音量バーなどの他のボタンも、全画面ボタンと同じようにカスタマイズできます。ただ隠すだけではありません。

2. js を使用してビデオ再生コントロールを非表示にします。

<script type="text/javascript">
     var video=document.getElementById("video"); 
     video.controls=false;
</script>

チップ

HTML5 ビデオを使用してcontrols、コントロールを表示したり、再生や一時停止などを制御したりできますが、ブラウザが異なれば表示される効果も異なる場合があるため、多くの場合 を使用する必要があります。 Dom は、カスタマイズされた操作と制御を実行します。