web-dev-qa-db-fra.com

La lecture automatique de vidéo HTML5 ne fonctionne pas correctement

J'utilise ce code:

<video width="440px" loop="true" autoplay="true" controls>
<source src="http://www.tuscorlloyds.com/CorporateVideo.mp4" type="video/mp4" />
<source src="http://www.tuscorlloyds.com/CorporateVideo.ogv" type="video/ogv" />
<source src="http://www.tuscorlloyds.com/CorporateVideo.webm" type="video/webm" />
</video>

Je veux que la vidéo soit lue automatiquement, mais lorsque la page se charge, la vidéo ne joue pas, cela ressemble à un problème de mise en mémoire tampon car lorsque je survole la vidéo (pour afficher les contrôles), la vidéo dure toujours 2 secondes mais s'arrête et ne continue pas.

La page peut être vue ici: http://www.tuscorlloyds.com (la vidéo est dans le curseur en haut à droite)

Remarque: je viens de visiter le site à nouveau et la lecture automatique semble fonctionner, mais lorsque j'essaie à nouveau, le même problème se produit, s'agit-il d'un problème de mise en mémoire tampon? Tout ce que je peux faire pour arrêter ça?

Merci beaucoup Nick

videovideo-streaminghtml5-videoautoplay
9
NickMcB

Essayez autoplay="autoplay" au lieu de la valeur "true". C'est la méthode documentée pour activer la lecture automatique. Cela semble étrangement redondant, je sais.

14
Multimedia Mike

Les navigateurs mobiles ignorent généralement cet attribut pour empêcher la consommation de données jusqu'à ce que l'utilisateur commence explicitement le téléchargement.

UPDATE: la nouvelle version du navigateur mobile sous Android et iOS prend en charge la fonction de lecture automatique. Mais cela ne fonctionne que si la vidéo est en sourdine ou n’a pas de canal audio:

Quelques informations supplémentaires: https://webkit.org/blog/6784/new-video-policies-for-ios/

13
Adorjan Princz

Solution de travail Octobre 2018 , pour les vidéos avec canal audio

 $(document).ready(function() {
     $('video').prop('muted',true).play()
 });
1
mate.gwozdz