Pequena maneira de inserir vídeo na página da web html

现在如果要在页面中使用 VÍDEO 标签 ， 需要考虑三种情况 ， 支持 OGG THEORA 或者 VP8 （如果这玩意儿没出事的话） 的 的 （Opera 、 Mozilla 、 Chrome） ， 支持 H.264 的 （Safari 、 、 、 、 9 、 Chrome) não suporta (IE6, 7, 8). Bem, vamos entender o vídeo HTML 5 do nível técnico, incluindo o uso de tags de vídeo, os atributos e métodos de mídia que os objetos de vídeo podem usar e eventos de mídia.

As tags de vídeo contêm SRC, pôster, pré -carga, automóvel, loop, controles, largura, altura e outros atributos, além de um rótulo <Ormour> usado internamente. Além da etiqueta <Orper>, a tag de vídeo também pode incluir o conteúdo retornado quando o vídeo especificado não pode ser reproduzido.

Você pode imaginar o que o atributo SRC é usado. Como o rótulo <MG>, esse atributo é usado para especificar o endereço do vídeo. O atributo de pôster é usado para especificar uma imagem, exibindo (diagrama de visualização) quando os dados atuais de vídeo são inválidos. Os dados de vídeo inválidos podem ser que o vídeo esteja sendo carregado, o que pode ser o erro do endereço de vídeo.

 <largura do vídeo = 658 altura = 444 src = http: //www.youname.com/images/first.mp4 poster = http: //www.youname.com/images/first.png toplay> </video>

Esse atributo também pode ser entendido através do nome. Existem três valores opcionais: nenhum, metadados, automóveis. Se esse atributo não for usado, o padrão será automático.

 <largura do vídeo = 658 altura = 444 src = http: //www.youname.com/images/first.mp4 poster = http: //www.youname.com/images/first.png toplay prelload = nenhum> </vídeo >

Nenhum: sem pré -carga. Usar esse valor de atributo pode ser que os produtores de página acreditem que os usuários não esperam este vídeo ou reduzem as solicitações HTTP.

Metadados: pré -carga parcial. Usando esse valor de atributo, o produtor de páginas acredita que os usuários não esperam este vídeo, mas fornecem aos usuários alguns metadados (incluindo tamanho, primeiro quadro, lista de faixas, duração etc.).

AUTO: Todo pré -carga.

Outro atributo que depende do nome conhece o objetivo. O atributo AutoPlay é usado para definir o vídeo se o vídeo é reproduzido automaticamente, que é um atributo booleano. Quando aparece, significa que a reprodução automática, o que significa que ela não joga.

 <largura do vídeo = 658 altura = 444 src = http: //www.youname.com/images/first.mp4 poster = http: //www.youname.com/images/first.png toplay prelload = nenhum> </vídeo >

Observe que o valor dos atributos booleanos no HTML não é verdadeiro e falso. O uso correto é que o uso desse atributo no rótulo indica verdadeiro. ));

 <largura de vídeo = 658 altura = 444 src = http: //www.youname.com/images/first.mp4 poster = http: //www.youname.com/images/first.png toplay loop = loop> </vídeo >

É claro que o atributo de loop também é usado para especificar se o vídeo é divulgado, o que também é um atributo booleano.

 <largura do vídeo = 658 altura = 444 src = http: //www.youname.com/images/first.mp4 poster = http: //www.youname.com/images/first.png toplay prelload = nenhum controle = controles> </Video>

Os atributos de controles são usados ​​para indicar ao navegador para indicar que o produtor de páginas não usa um script para gerar um controlador de reprodução e o navegador precisa usar a barra de controle de reprodução.

A barra de controle deve incluir controle de pausa de reprodução, controle de progresso da reprodução, controle de volume e assim por diante.

A barra de controle de reprodução padrão de cada navegador é diferente na interface. Devido aos problemas estranhos do meu navegador, a gravadora de vídeo do Firefox e Safari não é normal, então esses dois só podem encontrar capturas de tela on -line.

O atributo universal pertence ao rótulo, então não há necessidade de dizer isso.

 <largura do vídeo = 658 altura = 444 POSTER = http://www.youname.com/images/firs/png AutoPlay = AutoPlay Preload = None Controls> <Source S> <Fonte S rc = http: //www.youname. com/imagens /firtst.ogv/> <origem src = http://www.youname.com/images/first.ogg/> </video>

A etiqueta de origem é usada para especificar várias opções (porque as tags de áudio também podem incluir esse rótulo; portanto, use a mídia em vez de vídeo) (o navegador pode escolher apenas um no final) Use ao usar atributos SRC.

O navegador pode detectar se o vídeo especificado pela etiqueta de origem pode ser reproduzido (talvez o formato de vídeo não suporta, o vídeo não existe etc.). Este método é usado principalmente para diferentes navegadores. A própria tag de origem não significa nenhum significado e não pode aparecer sozinho.

Este rótulo inclui três atributos: SRC, tipo e mídia.

Atributos SRC: Usado para especificar o endereço da mídia, o mesmo que a etiqueta de vídeo.

Atributo de tipo: é usado para explicar o tipo de atributo SRC especificado, ajudando o navegador a determinar se deve suportar esse formato de mídia antes de obter a mídia.

Atributos da mídia: é usado para explicar onde a mídia é usada no meio, e o valor padrão é tudo quando não está definido, o que significa apoiar todos os meios. Você pensa no atributo de mídia da etiqueta <estilo>? O mesmo.

 <largura do vídeo = 658 altura = 444 POSTER = http://www.youname.com/images/firs/png AutoPlay = AutoPlay Preload = None Controls> <Source S> <Fonte S rc = http: //www.youname. com/imagens /firtst.ogv/> <origem src = http://www.youname.com/images/first.ogg/> </video>

Este código define um vídeo na página. pixels, a altura de 240 pixels essência

O primeiro endereço de vídeo da primeira origem, o valor do atributo SRC, a categoria de vídeo é OGG Video, o decodificador de codificação de vídeo é Theora, o decodificador de codificação de áudio é Vorbis, o meio de reprodução é o monitor; O endereço não é mais o endereço de vídeo não está mais cansado. Se você precisar ser compatível com o IE, poderá adicionar o conjunto de rótulos do flash player após o último rótulo de origem ou usar um pequeno código JavaScript.

O acima é um resumo do método de inserção do vídeo na página da Web HTML introduzida pela Xiaobian. Muito obrigado pelo seu apoio ao site VevB Wulin!