HTML5 différence de couleur de vidéo Chrome & Internet Explorer
j'utilise la balise vidéo HTML5 pour lire une courte vidéo sur mon site Web avec ce code:
<video width="100%" poster="/images/video_preview.jpg">
<source src="/images/movie.mp4" type="video/mp4">
<source src="/images/movie.webm" type="video/webm">
Your browser does not support HTML5 video.
</video>
les vidéos sont affichées, mais quand je suis sur mon site Web dans Google Chrome les couleurs semblent un peu plus violette alors ils devraient être et sur Internet Explorer l'ensemble de la vidéo a un regard plus sombre. J'ai aussi une image de prévisualisation comme vous pouvez le voir dans mon code et cette image est maintenant d'une couleur différente puis affichée sur le navigateur et ce n'est pas ce que je veux. J'ai remarqué que pour exemple Apple utilise également la balise <video> mais ils n'ont pas de différence de couleur entre les navigateurs.
Comment est-ce possible? J'utilise le même code pour tous les navigateurs. Est-ce à cause du rendu sur tous les navigateurs?
Comment puis-je réparer ça? Grâce.
AJOUTÉ BOUNTY
est-ce qu'il y a quelqu'un qui a eu le même problème avec le rendu vidéo dans les navigateurs et pouvez m'aider à résoudre ce problème? Toujours pas compris pourquoi le même fichier vidéo est montré plus sombre dans Internet Explorer et avec une lueur violette dans Google Chrome.
la page est en ligne de sorte que vous pouvez voir la différence ici .
5 réponses
Comment est-ce possible?
à propos de la vidéo
ne s'attendent pas à 100% le même comportement des navigateurs, surtout pas les couleurs et la vidéo. Une incohérence d'affichage est attendue entre les différents navigateurs (et particulièrement entre les différents systèmes).
différents navigateurs peuvent utiliser des implémentations logicielles différentes de h264 décodeur, différents plugins d'amélioration vidéo, etc.
ce n'est pas un problème avec votre source ou quoi que ce soit que vous pouvez résoudre avec force.
l'aperçu de L'image
C'est quelque chose que vous pourriez réparer. l'image est peut-être enregistrée dans un certain profil de couleur qui n'est pas pris en charge par les deux navigateurs ou ils rendent simplement différemment. Lors de la sauvegarde d'une image, la manière la plus sûre est de toujours sélectionner "Enregistrer pour le web et les périphériques", qui est un profil sRGB. Vérifiez vos paramètres de photoshop ou d'éditeur d'image si nécessaire.
navigateur différent aura la mise en œuvre différente de certaines choses. En particulier IE. Cependant, je n'ai jamais entendu parler de cela. Si vous avez du code CSS ou tout code JavaScript affectant l'élément vidéo peut causer cela. Il doit être avec la façon dont les navigateurs différentes façons de rendre l'image. Vous pouvez essayer de réimposer la fonction poster par JavaScript. Avoir de tirage et de l'image. Quand l'image est cliquée l'avoir supprimer l'image et d'attirer la vidéo à sa place.
comme indiqué ci - dessus, il est à voir avec la façon dont le navigateur rend la vidéo sur son panneau vidéo-quelque chose qui est difficile à changer. Vous pouvez essayer de ré-encoder la vidéo et de modifier les couleurs de cette façon pour voir si cela change quelque chose.
j'ai rencontré un problème similaire avec Google Chrome et des vidéos youtube. Dans Chrome ma vidéo avait une teinte jaune à elle tandis que dans Firefox La vidéo était très bien. J'ai réussi à supprimer les distorsions de couleur dans Chrome en faisant ce qui suit:
- dans la barre d'url de Chrome, entrez "chrome: / / flags "
- activer le "drapeau" de la "liste de remplacement du logiciel
cela n'affectera évidemment pas la façon dont les autres téléspectateurs voient votre les vidéos, mais au moins vous pouvez le voir correctement...
j'ai eu le même problème. Essayez de rendre la vidéo mp4 avec "601" colorscope. Cela devrait aider.