コメント：HTML5ビデオを使用してコントロールを表示し、制御再生ポーズを制御できますが、異なるブラウザーの表示効果は異なる場合があります。 DOMを使用していくつかのカスタム操作とコントロールを共有しましょう。
HTML5ビデオはコントロールを使用してコントロールを表示し、制御再生ポーズをコントロールすることができますが、さまざまなブラウザーの表示効果は異なる場合があるため、カスタム操作とコントロールにDOMを使用する必要があります。これが小さな例です。もちろん、効果はあまり美しくありません。見栄えを良くしたい場合は、独自のCSSスタイルなどを設定できます。
<div>
<ボタン>再生/一時停止</button>
<button> big </button>
<ボタン> </button>
<ボタン>小</button>
<video>
<source src = "demo.mp4" type = "video /mp4" />
<source src = "demo.ogg" type = "video /ogg" />
ブラウザはこのHTML5ビデオタグをサポートしていません。
</video>
</div>
<script type = "text/javascript">
var myvideo = document.getElementById（ "myvideo"）;
function playpause（）
{
if（myvideo.paused）
myvideo.play（）;
それ以外
myvideo.pause（）;
}
関数tobig（）
{
myvideo.width = 560;
}
関数tonormal（）
{
myvideo.width = 420;
}
function tosmall（）
{
myvideo.width = 320;
}
</script>
すべてのプロパティの中で、VideoWidthとVideoheightプロパティのみがすぐに利用可能になることに注意する必要があります。
ビデオのメタデータがロードされた後、他のプロパティが利用可能です。