Chrome ne lit pas le fichier .mp4

Question

J'essaie de faire fonctionner la vidéo HTML5. Je travaille sur un serveur local.

<video id="headervideo" controls> 
    <source src="<?php echo base_url(); ?>assets/home.mp4" type="video/mp4"> 
    Your browser does not support the video tag. 
</video> 

Cependant, le fichier refuse de jouer. Quand j'y accède avec un chemin absolu, il montre simplement le joueur avec le bouton de lecture grisé. Quel pourrait être le problème ici?

Answer 1

Les navigateurs comme Internet Explorer et Safari supportent le codec .H264 qui lit les fichiers mp4. Firefox supporte le codec Theora qui lit les fichiers .ogv. Chrome prend en charge à la fois .H264 et Theora. Mais pour que votre vidéo fonctionne sur tous les navigateurs, vous devez encoder votre vidéo mp4 dans différents formats en utilisant une application comme HandBrake. Alors amke votre code:

<video id="headervideo" controls> 
    <source src="<?php echo base_url(); ?>assets/home.mp4" type="video/mp4"> 
    <source src="<?php echo base_url(); ?>assets/home.webm" type="video/webm"> 
    <source src="<?php echo base_url(); ?>assets/home.ogv" type="video/ogg"> 
    Your browser does not support the video tag. 
</video> 

et également modifier votre fichier .htaccess pour soutenir les vidéos

AddType video/mp4 mp4 m4v 
AddType audio/mp4 m4a 
AddType video/ogg ogv 
AddType audio/ogg ogg oga 
AddType video/webm webm 

Answer 2

Voici une solution simple qui a fonctionné pour moi. Mon problème était de lire des fichiers vidéo MP4 sur Chrome (je pense que 29 - nouvelle installation à la fin de l'été 2013). J'ai trouvé cette solution après avoir traversé un tas de threads similaires autour du WWW et essayé un tas de choses avec des extensions, etc. Voici ce qui a fonctionné:

Type chrome: drapeaux dans la barre d'adresse de chrome sur cette page recherche pour " matériel "

Activer" décodage vidéo accéléré par matériel ". Ensuite, redémarrez-le

Ceci vous permettra de jouer le mp4 sur chrome - et de le lancer sur chromecast si vous essayez de le faire.