web-dev-qa-db-fra.com

Balise <video> HTML5 dans Chrome ne fonctionne pas

J'ai remarqué un étrange problème avec HTML5 <video/> tag dans Chrome.

En utilisant cela, cela fonctionne bien:

<video poster="023.png" autoplay controls>
<source src="todojunto.mp4" type="video/mp4"  />
</video>

Cela ne fait que lire le son, pas de vidéo:

<video poster="023.png" autoplay >
<source src="todojunto.mp4" type="video/mp4"  />
</video>

Si je supprime l'attribut poster, cela fonctionne à nouveau.

Tous les autres navigateurs (même IE9 ...!) Fonctionnent parfaitement, et je n'arrive pas à trouver la raison.

Des idées/aide?

Merci

htmlgoogle-chromevideo
18
Borja

Les attributs du tag vidéo doivent être spécifiés pour une implémentation standard stricte:

<video poster="023.png" autoplay="autoplay" controls="controls">
    <source src="todojunto.mp4" type="video/mp4"  />
</video>

Si cela ne fonctionne pas, il y a quelque chose de changé dans les préférences de votre navigateur

7
micnic

Je suis surpris que votre vidéo apparaisse même. Chrome a cessé de prendre en charge mp4. Vous devez utiliser un fichier .webm lorsque vous travaillez avec Chrome pour les vidéos html5).

6
mpb

Je viens de le convertir en ogv et fonctionne bien dans tous les navigateurs. J'ai eu un problème avec Firefox mais plus de problème. Il montrait également un fond gris mais maintenant, maintenant plus. voici mon code: vous pouvez le voir sur eargo.com/products

<video class="" style="" autoplay loop>
            <source class="" src="video.ogv" >
            <source class="" src="video.mov" >
            <source class="" src="video.mp4" >
</video>

vous pouvez le voir après le 5-7-2015.

0
DragonKnight

J'ai rencontré la même erreur. Je l'ai corrigé en ajoutant la balise preload = "auto".

<video autoplay loop preload="auto" poster="023.png">
    <source src="todojunto.mp4" type="video/mp4" />
</video>

Je ne sais pas si cela fonctionnera pour vous, et cela fait un certain temps que vous n'avez pas posé la question. Mais peut-être que cela aidera quelqu'un à l'avenir!

0
Fyntasia

Vous devez utiliser muted=""; ça marche pour la vidéo

<div class="wrap">
        <video width="auto" height="400px" autoplay="" loop="" muted="">
           <source src="Video.mp4"  type="video/mp4">
           <source src="Video.ogg" type="video/ogg">
        </video>
</div>
0
Marlon Marlon