web-dev-qa-db-fra.com

Le fichier .mp4 ne joue pas en chrome

Je veux montrer une vidéo sur mon site web. J'ai créé un fichier .mp4 et j'utilise la balise vidéo HTML5 pour l'ajouter au fichier HTML. 

Le problème est qu'il n'est pas affiché en chrome. J'aimerais aussi savoir comment je peux le rejouer encore et encore.

html5google-chromehtml5-video
9
Savinay

Après avoir rencontré le même problème - voici certaines de mes pensées:

  • en raison de la suppression de la prise en charge de h264 par Chrome, sur certaines machines, les vidéos mp4 codées avec celle-ci ne fonctionneraient pas (émission d'une erreur de l'analyseur lorsque affiché sous l'onglet Firebug/Network - conformément au problème soumis here), ou bloquer le navigateur, en fonction des paramètres d'encodage
  • ce n'est pas cohérent - cela dépend entièrement des codecs installés sur l'ordinateur - alors que je n'avais pas rencontré ce problème sur ma machine, nous en avions un au bureau où le problème se produisait (et donc nous utilisé celui-ci pour les tests)
  • cela pourrait avoir un rapport avec les paramètres Quicktime/divX (la machine en question avait une version plus ancienne de Quicktime que la version native - nous ne voulions pas perdre notre ordinateur de test, nous ne l’avons donc pas mis à jour. ).

S'agissant uniquement de Chrome (les autres navigateurs fonctionnent correctement avec la solution VideoForEverybody), la solution que j'ai utilisée est la suivante:

pour chaque fichier mp4, créez un fichier mp4 codé Theora (exemple.mp4 -> exemple_c.mp4) appliquez le js suivant:

if (window.chrome)
    $("[type=video\\\/mp4]").each(function()
    {
        $(this).attr('src', $(this).attr('src').replace(".mp4", "_c.mp4"));
    });

Malheureusement, c'est un mauvais bidouillage de Chrome, mais bon, au moins ça marche.

Source: utilisateur: eithedog

Cela peut aussi aider: chrome pourrait jouer la vidéo html5 mp4 mais html5test disait que chrome ne supportait pas le codec vidéo mp4

Vérifiez également votre version de crome ici: html5test

5
Romualds Cirsis

Moi aussi j'ai eu le même problème. J'ai changé le codec en H264-MPEG-4 AVC et les vidéos ont commencé à fonctionner en HTML5/Chrome.

Option sélectionnée dans le convertisseur: H264-MPEG-4 AVC, Codec visible dans un lecteur VLC: H264-MPEG-4 AVC (partie 10) (avc1)

J'espère que ça aide...

3
Mahesh

Cela a commencé par une tentative de diffusion de la vidéo de mon ordinateur sur une télévision (avec sous-titres), à l’aide de Chromecast. Et je me suis retrouvé dans cette situation "ne joue pas mp4". Cependant, il me semblait avoir prouvé que Chrome jouait (exactement de la même manière) mp4 tant qu'il n'était pas enveloppé dans html (5) Voici donc ce que j'ai construit. J'ai fait une page Web sous localhost et il y a un default.htm qui contient: -

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<video  controls >
 <source src="sample.mp4" type="video/mp4">
 <track kind="subtitles" src="sample.vtt" label="gcsubs" srclang="eng">
</video>
</body>
</html>

les fichiers vidéo et sous-titres sont stockés dans le même dossier que default.htm

J'ai la toute dernière version de Chrome (mise à jour ce matin)

Lorsque je tape l'hôte local approprié ... dans mon navigateur Chrome, un carré noir apparaît avec une flèche "GO", une barre de temps écoulé, un bouton Muet et une icône indiquant "CC". Si je clique sur la flèche aller, rien ne se passe (il ne change pas en "pause", le temps écoulé ne bouge pas et le chronomètre se bloque à 0:00. Il n'y a pas de message d'erreur - rien!

(notez que si je saisis localhost .. sur IE11, la vidéo est lue !!!!

Dans Chrome, si je saisis l’adresse de disque de sample.mp4 (c.-à-d. C:\Webstore\sample.mp4, puis Chrome lira la vidéo correctement ?.

Ce dernier bit est probablement une solution efficace pour Chromecast, sauf que je ne vois aucun sous-titre. Je veux vraiment une solution avec des sous-titres fonctionnels . Je ne comprends tout simplement pas ce qui est différent dans Chrome entre les deux méthodes de lecture de mp4.

1
TOPSie

Rencontrant le même problème, j'ai résolu le problème en reconvertissant le fichier avec les paramètres mp4 par défaut dans iMovie.

0
vars

[Hmm ... ce fil a 2 ans, mais le problème est toujours en cours.]

Ok, je ne connais pas (encore) la réponse finale, mais peut-être que quelques commentaires aideront les autres à résoudre ces problèmes.

Commentaire n ° 1: Les fichiers de conteneur MP4 existent depuis des années, donc Ce qui est autorisé à l'intérieur peut être à peu près tout codec. conteneur, vous saurez donc mentionner le nom du codec qui se trouve à l’intérieur.

Les fichiers MP4 et MKV ne sont que des fichiers CONTAINER (voir wikipedia), et vous pouvez Insérer n'importe lequel des nombreux codes vidéo diff dans un MP4. (alors que Un Webm aura probablement un codec vidéo VP8, VP9 ou VP10 à l’intérieur, je pense).

Commentaire n ° 2: Les utilisateurs américains de Chromecast utilisent la tabulation (à partir d'un onglet Chrome) On peut le faire en collant un fichier local dans l'onglet du navigateur.

file://C:/Users/David/The_Big_Lebowski(1998)--5mins--snippet.mp4

Considérant que, on peut également utiliser les balises vidéo et source et référencer Une copie du même fichier ... appelé "HTML 5" vidéo.

J'ai pensé (à tort) qu'ils rendraient tous les deux la même chose dans n'importe quel navigateur Donné, mais ce n'est pas le cas. Jusqu'ici, dans Chrome au moins, je trouve des cas Dans lesquels l'URL "fichier: //" sera rendue, mais le HTML-5 le fera NOT.

Nourriture pour la pensée.

0
Dave