HTML5Using DOM for custom control sample code_html5 tutorial skills

Although HTML5 videos can use controls to display controls and control playback, pause, etc., different browsers may display different effects, so many times we need to use Dom to perform some customized operations and controls. Below is a small example.
Of course the effect is not very beautiful. If you want it to look good, you can set the css style yourself.

Copy code

The code is as follows:

Play/Pause
Big
medium
small

Copy code

The code is as follows:

It should be noted that among all the properties, only the videoWidth and videoHeight properties are immediately available.
Additional properties are not available until the video's metadata has been loaded.