HTML5 ビデオではコントロールを使用してコントロールを表示したり、再生や一時停止などを制御したりできますが、ブラウザーによって表示される効果も異なる場合があるため、カスタマイズされた操作やコントロールを実行するには Dom を使用する必要があることがよくあります。以下に小さな例を示します。 もちろん、この効果はあまり美しくありません。見た目を良くしたい場合は、CSS スタイルを自分で設定できます。 コードをコピーしますコードは次のとおりです: 再生/一時停止 <ボタン onclick="toNormal()">中 小 お使いのブラウザは、この HTML5 video タグをサポートしていません。 コードをコピーコードは次のとおりです: <div class="msgborder" id="phpcode119">var myVideo=document.getElementById("myVideo"); <br> { <br>if (myVideo.paused) <br>myVideo.play(); <br>else <br>myVideo.pause(); <br>function toBig() <br>{ <br> myVideo.width=560; <br>} <br>関数 toNormal() <br>{ <br>myVideo.width=420; <br>} <br>関数 toSmall() <br>{ <br>myVideo.width=320; <br>} <br> すべてのプロパティのうち、videoWidth プロパティと videoHeight プロパティのみがすぐに使用できることに注意してください。 ビデオのメタデータが読み込まれるまで、追加のプロパティは使用できません。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
