Comentario: Aunque el video HTML5 se puede usar para mostrar los controles y las pausas de reproducción de control, los efectos de visualización de diferentes navegadores pueden ser diferentes. Compartamos con usted algunas operaciones y controles personalizados utilizando DOM.
Aunque el video HTML5 puede usar controles para mostrar los controles y las pausas de reproducción de control, los efectos de visualización de diferentes navegadores pueden ser diferentes, por lo que muchas veces necesitamos usar DOM para operaciones y controles personalizados. Aquí hay un pequeño ejemplo.Por supuesto, el efecto no es muy hermoso. Si desea verse bien, puede configurar su propio estilo CSS, etc.
<div>
<botón> Play/Pause </Button>
<botón> big </boton>
<boton> </boton>
<botón> pequeño </boton>
<video>
<fuente src = "demo.mp4" type = "video /mp4" />
<Source src = "Demo.ogg" type = "video /ogg" />
Su navegador no admite esta etiqueta de video HTML5.
</video>
</div>
<script type = "text/javaScript">
var myVideo = document.getElementById ("myVideo");
función playpause ()
{
if (myVideo.pacused)
myVideo.play ();
demás
myVideo.Pause ();
}
función tobig ()
{
myvideo.width = 560;
}
función tonormal ()
{
myvideo.width = 420;
}
función tosmall ()
{
myvideo.width = 320;
}
</script>
Cabe señalar que entre todas las propiedades, solo el videowidth y las propiedades de VideoWhEight están disponibles de inmediato.
Otras propiedades están disponibles después de que se haya cargado los metadatos del video.