Vidéo HTML5 (video.js) pas de chargement en Chrome
J'ai une vidéo html5 vidéo qui n'est pas de chargement en chrome, ça montre juste le chargement spinner de video.js.
J'obtiens l'erreur suivante dans une console chromée trop:
Uncaught TypeError: Cannot call method 'init' of undefined machinas.com/:830
["Video Error", Object]
0: "Video Error"
1: Object
length: 2
__proto__: Array[0]
.htaccess
AddType video/mp4 .mp4 .m4v
AddType video/webm .webm
AddType video/ogg .ogv .ogg
html
<video id="video-1" class="video-js vjs-default-skin"
width="100%" height="100%"
poster="videos/timelapse.jpg"
data-setup='{ "controls": true, "autoplay": false, "preload": "auto" }'>
<source src="videos/timelapse.mp4" type='video/mp4' />
<source src="videos/timelapse.webm" type='video/webm' />
<source src="videos/timelapse.ogv" type='video/ogg' />
Your browser doesn't support HTML5 video.
<a href="videos/benstatue.mp4">Download</a> the video instead.
</video>
Quelqu'un sait ce que pourrait être le problème?
Vous devez vous connecter pour publier un commentaire.
J'ai eu le même Problème après la fausse Conversion.
Essayez d'élargir le problème en chrome de la console pour vérifier le fichier vidéo produit l'erreur. Je pense que ses la .mp4 version.
J'ai utilisé "miro video Converter pour convertir de mp4 mp4 et il fonctionne bien, mais vous avez un peu de perte de qualité...
après que sa possible que vous avez le même problème comme moi... google chrome ne marche pas jouer .les fichiers webm... aucune idée pourquoi 🙁
sry sur le mauvais anglais ^^
La chose de bon (ou mauvais) est le fait que ce n'est pas le VideoJS question. J'ai eu le même problème. En regardant sur Internet on peut trouver des informations (par exemple: https://github.com/flowplayer/flowplayer/issues/423) et il considéré comme un Chrome bug. Questions a été signalé dans JWPlayer et VideoJS forum ainsi.
Autant que je sache, la seule façon de contourner cela est de chargement webm fichier:
J'ai essayé de mettre webm source avant de mp4. Chrome reconnu webm comme "bonne" source et jouent bien. Malheureusement FF et IE ne jouera pas une chose. Nous avons donc besoin de choisir un format après navigateur-vérifier (ce qui est mauvais, mais j'ai en ce moment, je ne vois pas une autre manière; ce n'est pas JS fonctionnalité liée problème...).
Pourquoi la détection du navigateur est généralement une mauvaise idée? Vous pouvez en lire plus à ce sujet dans Piloté par les tests de Développement Javascript livre ou ici: http://jibbering.com/faq/notes/detect-browser/
Comme solution rapide, vous pouvez utiliser quelque chose comme ceci: