Algumas precauções e métodos de código para reproduzir vídeos através de chamadas html5

Autor：Eve Cole Data da Última Atualização：2025-04-01 05:48:01

Nesta dica rápida em vídeo, exploraremos como usar as tags de vídeo HTML5 em seu projeto. Como os navegadores antigos e o Internet Explorer não suportam o elemento <dide>, precisamos encontrar uma solução para esses navegadores que suportam arquivos flash.

A seguir, são apresentadas algumas precauções e métodos de código para reproduzir vídeos relacionados à chamada HTML5 relacionada à reprodução de vídeo HTML5. O conteúdo é um tutorial cuidadosamente selecionado e compilado por este site. Espero que seja útil para os internautas. A seguir, o conteúdo detalhado:

Infelizmente, como o áudio HTML5, os formatos de arquivo envolvidos nos vídeos não são suportados da mesma maneira que o Firefox e o Safari/Chrome. Portanto, se você deseja usar vídeos HTML5 no momento, precisará criar três versões em vídeo.

.Ogg

O Firefox suporta bem esse formato. Você pode usar o VLC (mídia-> stream/salvar) para obter fácil conversão de vídeos.

.Mp4

Muitas ferramentas de gravação de tela suportam a exportação automática de formatos MP4, que você pode usar para gerar vídeos em um formato especificado para navegadores de safari e cromo.

.Flv/.swf

Nem todos os navegadores suportam vídeos HTML5, é claro, não deixe de adicionar uma segunda melhor versão do Flash, considerando a compatibilidade.

 <! Doctype html> <html lang = en> <head> <meta http-equiv = content-type content = text/html; charset = utf-8> <title> sem título </title> </ad head> <body> <vídeo controla a largura = 500> <!-se firefox-> <fonte src = video.ogg type = vídeo/ogg/> <!-se Safari/Chrome-> <fonte src = video.mp4 type = video/mp4/mp4/<! Você também pode escrever algo como usar um navegador melhor! Se você está se sentindo desagradável. (Melhor usar um arquivo flash.)-> <incorpore src = http: //blip.tv/play/gcmvgcmbaga%2em4v type = Application/x-shockwave-flash width = 1024 altura = 798 PermisscressAccess = sempre perito

Parâmetros opcionais para alguns elementos <Tima>:

Controles: valor booleano, exiba o botão Play/Stop;

Pôster: o URL da imagem exibido antes do vídeo ser reproduzido;

AutoPlay: valor booleano, o vídeo será reproduzido automaticamente depois que a página for carregada;

Largura: a largura necessária para o vídeo. Por padrão, o navegador detectará automaticamente o tamanho de vídeo fornecido;

Altura: a altura necessária para o vídeo;

SRC: O caminho para o arquivo de vídeo, usando o elemento filho <OrceM> para obter melhor.

Notas sobre vídeos HTML5

1. Três formatos de vídeo precisam ser criados para obter suporte para Firefox, Safari/Chrome e IE;

2. Não omite nenhum formato. O HTML5 não pode ser compatível com o Firefox e o Safari, como você pensa. O Safari pode interpretar a tag <dife> e espera carregar o arquivo apropriado. Se um determinado formato for omitido, fará com que o jogador fique em branco;

3. Lembre -se de que a tela de tela cheia não é suportada pelo Safari e Chrome. No entanto, no Firefox 3.6, você pode navegar em tela cheia.

4. Você deve entender o motivo pelo qual o IE carrega arquivos flash, porque o IE não pode interpretar o elemento <Tima>. No entanto, se o navegador suportar, você esperará carregar o arquivo apropriado.

Inglês Original: Dica rápida: Vídeo HTML5 com fallback para Flash Nettus+

O conteúdo sobre algumas precauções e métodos de código para reproduzir vídeos através de chamadas HTML5 está aqui. Você pode marcar esta página URL http://www.vevb.com/web/a/2018090561468.shtml para facilitar o acesso na próxima vez.