Comentário: Embora o vídeo HTML5 possa ser usado para exibir controles e controlar pausas de reprodução, os efeitos de exibição de diferentes navegadores podem ser diferentes. Vamos compartilhar com você algumas operações e controles personalizados usando o DOM.
Embora o vídeo HTML5 possa usar controles para exibir controles e controlar pausas de reprodução, os efeitos de exibição de diferentes navegadores podem ser diferentes, muitas vezes precisamos usar o DOM para operações e controles personalizados. Aqui está um pequeno exemplo.Claro que o efeito não é muito bonito. Se você quiser ter uma boa aparência, pode definir seu próprio estilo CSS, etc.
<div>
<butter> play/pause </botão>
<but uma button> Big </botão>
<but uma botão> </botão>
<butão> pequeno </botão>
<Video>
<fonte src = "Demo.mp4" type = "video /mp4" />
<fonte src = "Demo.ogg" type = "video /ogg" />
Seu navegador não suporta esta tag de vídeo HTML5.
</video>
</div>
<script type = "text/javascript">
var myvideo = document.getElementById ("myvideo");
função playpause ()
{
if (myVideo.Paused)
myVideo.Play ();
outro
myVideo.Pause ();
}
função tobig ()
{
myVideo.Width = 560;
}
função tonormal ()
{
myvideo.width = 420;
}
função tosmall ()
{
myvideo.width = 320;
}
</script>
Deve -se notar que, entre todas as propriedades, apenas as propriedades Videowidth e VideoHeHeHeHeHeHeHeHese estão disponíveis imediatamente.
Outras propriedades estão disponíveis após a carga dos metadados do vídeo.