Reproducir vídeo local usando la etiqueta de vídeo en HTML5

1. Cree un nuevo archivo html llamado test.html para presentar cómo usar el video para controlar el video.

2. En la página test.html, use etiquetas de botones para crear cuatro botones: reproducir/pausar, grande, mediano y pequeño para controlar el efecto de reproducción del video. Además, cree un video usando la etiqueta de video.

3. Vincula un evento de clic al hacer clic a cada botón. Cuando se hace clic en el botón, se ejecuta la función correspondiente para controlar el efecto de reproducción del video.

4. Utilice document.getElementById() para obtener el objeto de vídeo, cree la función playPause() de "reproducir/pausar", utilice el método play() para controlar la reproducción del vídeo y utilice Pause(). para controlar la pausa del vídeo.

5. Crea la función makeBig() Cuando hagas clic en el botón "Grande", el vídeo se reproducirá con un ancho de 560 px.

6. Cree una función makeNormal() y una función makeSmall(). Cuando se hace clic en el botón "Mediano", el vídeo se reproducirá con un ancho de 420 px, y cuando se hace clic en el botón "Pequeño", el vídeo se reproducirá con un ancho de 320 px.

7. Abra el archivo test.html en el navegador para probar el efecto de js controlando la reproducción de video.