Dominar HTML5 Vídeo Markup
Dito de forma simples, existem dois elementos principais meios para HTML5, ambos os quais são absurdamente fácil de usar. O elemento de vídeo é chamado, e o elemento de áudio é nomeado.
Ao contrário de áudio, o que não faz realmente necessitam de muito espaço (ou qualquer) no ecrã, de vídeo requer um quadro na tela, assim como os controles mais sofisticados e mais numerosos. É por isso que, embora os dois elementos de marcação são semelhantes, de vídeo fornecido com consideravelmente mais bagagem, mesmo que a estrutura de base do elemento continua a ser a mesma:
aqui o src atribuir pontos para o arquivo de vídeo que você gostaria de ter jogado de volta. Ele especifica o nome do arquivo do objeto de vídeo para reprodução e deve ser um URI válido. Exemplo: src = "video.ogg".
A lista de atributos de controle para vídeo é consideravelmente mais longo e um pouco mais complicado, também:
reprodução automática: Diz ao navegador para começar a jogar vídeo assim que o arquivo objeto é carregado. Exemplos: reprodução automática ou autoplay = "autoplay".
controles: Diz ao navegador para exibir um widget na tela para controlar a reprodução de vídeo (geralmente com pausar / reproduzir botões, uma barra de progresso e controles de volume). Exemplos: controles ou Controles = "controles".
altura: Define a altura, em pixels, da caixa dentro da qual o vídeo será exibido. Exemplo: height = "480".
laço: Diz ao navegador para voltar para o início e continuar a jogar quando se chega ao final do arquivo objeto. Exemplos: laço ou loop = "laço".
MediaGroup: Usado para sincronizar a reprodução de vários vídeos ou elementos de mídia (tais como uma pista de linguagem de sinais ou uma faixa SAP). Toma um valor de cadeia, onde todos os itens com a mesma MediaGroup valor são tratados em conjunto, como membros desse grupo. Exemplo: MediaGroup = "movie".
em surdina: Define o estado de saída de áudio para de reprodução se estiver presente, o áudio é silenciado quando a reprodução começa. Utilize este quando o áudio alto ou surpreendente poderiam incomodar visitantes da página, para que possam optar por ativar o áudio, se eles gostam. Exemplos: em surdina ou silenciado = "silenciado".
poster: Especifica uma imagem a ser exibida enquanto o arquivo de vídeo não está disponível (ainda não foi carregado). Exemplo: poster = "poster.jpg".
pré-carga: Diz ao navegador se deve pré-carregar o arquivo de objeto, e se assim como ele deve ser pré-carregado. Os valores possíveis incluem:
Nenhum: Não carregar qualquer parte do arquivo de vídeo quando a página é carregada.
metadados: Carrega apenas os metadados de vídeo quando a página é carregada. Ele também configura a reprodução, mas não tem os dados carregados ainda.
auto: Cargas de arquivo de vídeo inteiro quando a página é carregada.
o pré-carga atributo é ignorado se reprodução automática é presente.
largura: Define a largura, em pixels, da caixa dentro da qual os monitores de vídeo. Exemplo: width = "640".
A marcação a seguir mostra um trecho de vídeo da Wikipedia:
A figura mostra o que esta página dentro de um arquivo HTML devidamente construído com algum texto e informações adicionais parece na tela no Chrome, logo após o vídeo conclui a reprodução. # 148-? A barra de controle de vídeo é quase idêntica à barra de controlo para áudio.
A diferença é que a barra de controle de vídeo tem um controle quadro no lado direito. Por favor, note também que as alternativas para a reprodução de vídeo funcionam da mesma forma como fazem para retorno de áudio, de modo que você pode empilhar o seu jogador preferido em primeiro lugar para navegadores HTML5 para usar se eles podem, seguido por outros jogadores na ordem que preferir.
">