Explicação detalhada do controle do novo Atributo Audio Audio and Video Video (recomendação)

Este artigo informa ao controle do vídeo de áudio e vídeo de áudio e vídeo do H5.

 <Udo controls = controles> <fonte src = Coloque o caminho do arquivo de áudio em it> </sourder> </audio>

 <Video Controls = Controls Loop = Loop AutoPlay = AutoPlay ID = Video> <Origem Src = Coloque o caminho do arquivo de vídeo em It> </roced> </video> <but uma botão> </butão> Abra o som < /Button> <button> reproduzir </butut> <butter> pare de reproduzir </butut> <button> tela completa </butut>

A seguir, é apresentado o controle de arquivos de vídeo;

Javascript Leads.

 <Script> var myvideo = document.getElementbyId (vídeo); 1] .Click = function () {myvideo.muted = true; );

Síncrono.

Como mostrado na figura:

Deixe -me falar sobre isso aqui, antes de tudo

(1), o valor máximo do comprimento total do vídeo no vídeo na barra de progresso, o progresso.max = video.duration;

(2), precisam obter a duração da posição atual da reprodução de vídeo atual até o comprimento da barra de progresso atual, o progresso.Value = video.CurrentTime;

Então, enquanto reprodução de vídeo, é necessário garantir que o valor da barra de progresso possa obter a duração do vídeo e a posição atual do tempo de reprodução no tempo.

Você precisa abrir um timer setInterval (pro, 100); :: significa que o valor do vídeo é atribuído à barra de progresso em 1 milissegundo, para garantir a tempo.

Dessa forma, a barra de progresso pode ser sincronizada com precisão com o vídeo.

1. Primeiro de tudo, você precisa obter o valor do valor do intervalo e o volume fornecido ao vídeo para controlar o volume do vídeo.

 <Tipo de entrada = intervalo min = 0 valor = 50 max = 100 id = intervalo /> var ran = document.getElementById (intervalo);

Obtenha range.value,

Atributos de áudio atribuídos ao vídeo: video.volume = range.value/100;

Neste momento, o volume de simplesmente arrastar o intervalo e controlar o vídeo.

Então você precisa ir ao som para fechar o julgamento.

O código final é o seguinte;

 <! > Fechar som </botão> <botão onclick = desablemute () type = button> Abra o som </butão> <botão onclick = playVid () type = button> reproduzir vídeo </botão> <botão onclick = pauvid () tipo = Button> Passando vídeo </botão> <botão onclick = showfull () type = button> tela completa </button> <pan> Progresso: </span> <valor de progresso = 0 max = 0 id = pro> </progresso > <pan> volume: </span> <tipo de entrada = intervalo min = 0 max = 100 valor = 50 onchange = setValue () id = ran/> </div> <cript> var btn = document.getElementsByTagName (botão) Var MyVideo = Document.getElementById (Video1) ] .Disabled = true; } // reproduz a função de vídeo playvid () {myvideo.play (); Valor Funch setValue () {) {) myvideo.volume = ran.value/100;

O acima é todo o conteúdo deste artigo.