html vidéo ne charge pas sur mobile. jouer bouton biffés

Question

GIFs mis en œuvre comme mobile parfois ne se chargent pas sur les mobiles

<video src="/wp-content/uploads/2017/09/5.mp4" 
preload="metadata" autoplay="autoplay" loop="loop" 
muted="muted" controls="controls" width="305" height="170"></video> 

This page contains some examples, il comprend 10 GIFs et ils ont au hasard le chargement d'erreurs, qui ressemble à ceci:

Cette Tout est fait dans wordpress et les GIF sont ajoutés à la médiathèque. L'erreur se produit aussi bien en safari et chrome, jusqu'à présent, je l'ai essayé:

preload="none", preload="auto", removed preload 

sur le navigateur de bureau, il fonctionne parfaitement bien.

Answer 1

Cela peut être dû au fait que le format vidéo n'est pas compris par certains systèmes d'exploitation. Vous devez également fournir les vidéos au format webm comme alternative. (Personnes ayant deux source balises dans la balise video, avec différents formats de fichiers dans l'attribut src)

Exemple:

<video width="480" height="320" controls> 
    <source src="my_movie.mp4" type="video/mp4"> 
    <source src="my_movie.webm" type="video/webm"> 
</video> 

Et vous pouvez aussi ajouter un fichier .ogg

Dans mon expérience, "Miro Video Converter" est un bon outil pour convertir les fichiers vidéo de manière à ce qu'ils soient reconnus par autant de navigateurs/systèmes d'exploitation que possible.