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:
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.
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.
.OggO Firefox suporta bem esse formato. Você pode usar o VLC (mídia-> stream/salvar) para obter fácil conversão de vídeos.
.Mp4Muitas 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/.swfNem 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 peritoParâ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.