Recentemente, estou escrevendo um jogador personalizado. Antes de escrever, devemos passar por todas as propriedades e métodos do jogador. Somente conhecendo nossos inimigos e a nós mesmos poderemos lutar em centenas de batalhas... Mais tarde, discutiremos. o player que escrevemos e algumas armadilhas que encontramos também carregamos.
atributos in-line da tag de vídeoDeveria haver mais alguns... mas ainda não os usei. Você pode verificar a documentação do MDN.
Propriedades e métodos do objeto de vídeo1. Status do erro
$video.error; //null: normal $video.error.code; //1. Encerramento do usuário 2. Erro de rede 3. Erro de decodificação 4. URL inválido
2. Atributos de status da rede (alguns são mais comumente usados)
$video.currentSrc; //Retorna a URL do recurso atual $video.src = value; //Retorna ou define a URL do recurso atual $video.canPlayType(type); reproduzido $video.networkState ; //0. Este elemento não foi inicializado 1. Normal, mas não está usando a rede 2. Baixando dados 3. Nenhum recurso encontrado $video.load(); tamponado; //Retorna à área de buffer, $video.buffered.end(0) obtém o último momento dos dados $video.preload; //none: não pré-carrega metadados: pré-carrega informações do recurso auto:
3. Estado pronto
$video.readyState; //1:HAVE_NOTHING 2:HAVE_METADATA 3.HAVE_CURRENT_DATA 4.HAVE_FUTURE_DATA 5.HAVE_ENOUGH_DATA $video.seeking;
4. Status de jogo (comumente usado)
$video.currentTime = value; //A posição de reprodução atual, a atribuição pode alterar a posição $video.duration; //O fluxo de comprimento do recurso atual retorna infinito $video.paused; //Padrão A velocidade de reprodução pode ser definida $video.playbackRate = value; //A velocidade de reprodução atual será alterada imediatamente após a configuração $video.seekable; //Retornar para a área pesquisável $video.ended; $ vídeo.autoPlay; //Se deve ser reproduzido automaticamente $video.loop; //Se deve ser reproduzido em loop $video.play(); //Reproduzir $video.pause();
5.Controle
$video.controls;//Se existe uma barra de controle padrão $video.volume = value; //Volume $video.muted = value; //Método de evento de vídeo mudo (comumente adicionado *) loadstart //O cliente começa a solicitar data *progress //O cliente está solicitando a suspensão dos dados //Atraso no cancelamento do download //O cliente encerra ativamente o download (não causado por um erro), *error //Um erro foi encontrado ao solicitar dados paralisados //Velocidade da rede paralisada * play //play () e gatilho de reprodução automática *pausa ao iniciar a reprodução //pause() aciona os metadados carregados //Obtém com sucesso o comprimento do recurso *waiting //Aguardando dados, não um erro *playing //Iniciar a reprodução canplay //Pode reproduzir, mas pode ser pausado devido ao carregamento no meio *canplaythrough // Pode procurar reprodução // Procurado durante a pesquisa de recursos // Pesquisa de recursos concluída *timeupdate // Tempo de reprodução alterado *ended // Reprodução finalizada ratechange // Taxa de reprodução alterada durationchange // Duração do recurso alterada *volumechange // Volume alterado
Basicamente, o código personalizado do player é escrito com base nesta API e atributos, o que é conveniente para você verificar mais tarde....
O texto acima é todo o conteúdo deste artigo. Espero que seja útil para o estudo de todos. Também espero que todos apoiem a Rede VeVb Wulin.