Olá
Estou usando WordPress.org com um construtor de sites (Elementor) e tentei fazer uma animação chique na minha página inicial. Usando um elementor, coloquei uma “caixa HTML” onde eu queria, e escrevi lá:
<video width="320" height="240" autoplay preload="true">
<source src="https://mywebsite.com/wp-content/uploads/2018/07/Myvideo.mp4">
Your browser does not support the video tag.
</video> Certifiquei-me de que meu vídeo foi carregado corretamente e foi codificado usando H264 diretamente de After Effects.
E funcionou! Só que não foi. Não, não faz mal.
O que acontece é que às vezes o vídeo não carrega. Eu pensei que era um problema específico do navegador, mas pelo que eu vi o problema acontecendo, parece quase aleatório. Funciona para algumas pessoas e não para outras. E, claro, eu quero que ele funcione para todos que usam o site, independentemente de seu navegador ou as especificações de seu computador, ou o que faz a diferença entre uma pessoa e outra.
Mas eu realmente não sei nada sobre este problema, é um problema estranho. Então, se alguém sabe sobre isso, ou sabe onde deve começar a procurar, obrigado com antecedência!
Também tenho outro problema na mesma página, por alguma razão algumas das imagens que postei são “azuis”, como se fossem selecionadas. Não é tão importante, mas se acontecer que alguém também saiba, obrigado novamente.
Tenha um bom dia!
Este tema foi modificado há dois anos, há um mês. Este tema foi modificado há 1 ano, há 9 meses.
olhar https://www.caniuse.com/#search=mp4
e https://www.caniuse.com/#search=video
Obrigado por sua resposta @ alegremente!
Examinei esses documentos, mas meu problema não parece estar incluído nos “Problemas Identificados” deste documento até agora. Por exemplo, de acordo com o documento, todas as versões do Chrome devem exibir o vídeo sem problemas, já que ele está codificado no formato “MPEG-4 / H.264”, e a versão 70 é para Chrome e 63 para eu estou executando o Firefox.
A resolução do vídeo é menor que 1920 x 1088, não há faixa de áudio, e os vídeos têm alguns segundos de duração. Mas ainda assim, nem sempre são visíveis.
Poderia haver outras razões além da versão do navegador para que isso aconteça?
E o da gravadora? Havia algo sobre autoplay. (É muito prejudicial usar a reprodução automática, então não faça isso. O usuário deve estar no controle de quando e se um vídeo é reproduzido, devido ao áudio e largura de banda.)<video>
De acordo com o documento sobre o recurso de vídeo, também parece que o vídeo deve funcionar com o Chrome 70 e o Firefox 63. Embora eu não soubesse que o Safari desabilitou a reprodução automática por padrão, isso é uma coisa interessante. Mas Chrome e Safari não parecem ter esse recurso, de acordo com o documento.
Obrigado por seu conselho sobre autoplay, eu concordo totalmente com isso. Certifiquei-me de que meu vídeo não tinha som, era leve (apenas 47 ko) e não era visível em dispositivos móveis. Ainda não encontrei uma maneira melhor de implementar essa animação, usando meu atual construtor de sites.
Para qualquer um com o mesmo problema, descobri algo que o fez funcionar, eu só coloquei a palavra-chave “pronunciada” no código. Aqui está o código que usei:
<video muted autoplay preload="auto">
<source src="https://mywebsite.com/wp-content/uploads/2019/03/Myvideo.mp4" type="video/mp4>
<source src="https://mywebsite.com/wp-content/uploads/2019/03/Myvideo.webm" type="video/webm">
<source src="https://mywebsite.com/wp-content/uploads/2019/03/Myvideo.ogv" type="video/ogv">
Your browser does not support the video tag.
</video>A explicação parece ser que o Chrome decide não permitir vídeos com som de reprodução automática, mas não pode detectar por si só que não há som em um vídeo, então a tag “silenciada” deve ser adicionada. para reproduzir automaticamente o vídeo. Isso não é ruim, mas é realmente opaco, essa informação não era tão clara. Espero que isso ajude alguém, boa sorte.
Essa resposta foi modificada há 1 ano, há 9 meses.
Isto foi útil?
0 / 0