Mestre marcação de vídeo html5

Simplificando, há dois elementos de mídia primárias para HTML5, sendo que ambos 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, bem como controles mais sofisticados e mais numerosos. É por isso que, embora os dois elementos de marcação são semelhantes, vídeo vem com muito mais bagagem, mesmo que a estrutura básica do elemento permanece o mesmo:

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 de 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: altura =”480".

• laço: Diz ao navegador para voltar ao início e continuar a jogar quando se chega ao fim 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 da cadeia, onde todos os itens com a mesma MediaGroup valor são tratadas em conjunto como membros do referido grupo. Exemplo: MediaGroup =”filme”.

• 
  
  
  

  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: cartaz =”poster.jpg”.

• pré-carga: Diz o navegador se deve pré-carregar o arquivo objeto, e se assim como deve ser pré-carregado. Os valores possíveis incluem:

• Nenhum: Não carrega 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.

  Video: Como criar um player de vídeo HTML5 personalizado

o pré-carga atributo é ignorado se Reprodução automática é presente.

Video: Curso de HTML5 - Iniciando a Marcação (Aula 07)

largura: Define a largura, em pixels, da caixa dentro da qual os monitores de vídeo. Exemplo: largura =”640".

Video: HTML5 video tutorial: Exploring the HTML5 video tag | lynda.com

A seguinte marcação mostra um trecho de vídeo da Wikipedia: