Estou tentando inserir um vídeo em uma página HTML5 que começará a ser reproduzida no carregamento da página e, depois de concluída, retorne ao início sem interrupção. O vídeo NÃO deve ter nenhum controle associado a ele e ser compatível com todos os navegadores "modernos" ou ter a opção de polyfill.
Anteriormente, eu teria feito isso por meio de Flash
e FLVPlayback
, mas prefiro evitar Flash
na esfera do HTML5. Estou pensando que poderia usar javascript setTimeout
para criar um loop suave, mas o que devo usar para incorporar o próprio vídeo? Existe algo lá fora que irá transmitir o vídeo da maneira que FLVPlayback
faria?
fonte
javascript
para ouvir ovideoEnd
evento e voltando ao início, pelo que posso dizer, oloop
atributo não é compatível com todos os navegadores. Para dispositivos iOS, eles não são compatíveis deautoplay
forma alguma com o iOS 5, então usei apenas uma imagem reserva para celular. Obrigado novamente.autoplay
só funciona no Safari se você também usarmuted
: webkit.org/blog/7734/auto-play-policy-changes-for-macosA partir de abril de 2018, o Chrome (junto com vários outros navegadores importantes) agora exige o
muted
atributo também.Portanto, você deve usar
fonte
Para iPhone, funciona se você adicionar também playinline para:
fonte
autoPlay loop muted playsInline
Você pode fazer isso das duas maneiras a seguir:
1) Usando
loop
atributo no elemento de vídeo (mencionado na primeira resposta):2) e você pode usar o
ended
evento de mídia:fonte