HTML5<ビデオ>カスタム コントロールのサンプル コードに DOM を使用する_html5 チュートリアル スキル

HTML5 ビデオではコントロールを使用してコントロールを表示したり、再生や一時停止などを制御したりできますが、ブラウザーによって表示される効果も異なる場合があるため、カスタマイズされた操作やコントロールを実行するには Dom を使用する必要があることがよくあります。以下に小さな例を示します。
もちろん、この効果はあまり美しくありません。見た目を良くしたい場合は、CSS スタイルを自分で設定できます。

コードをコピーします

コードは次のとおりです:

再生/一時停止

<ボタン onclick="toNormal()">中
小

コードをコピーコードは次のとおりです:

すべてのプロパティのうち、videoWidth プロパティと videoHeight プロパティのみがすぐに使用できることに注意してください。
ビデオのメタデータが読み込まれるまで、追加のプロパティは使用できません。