Chrome doesn't display html5 video but plays audio

html google-chrome html5-video

11,025

The file http://chrisrjones.com/files/ahah-mp4-2.mov is sendt with MIME type : video/quicktime.

Try sending it with MIME type : video/mp4.

And encode the video in H.264.

If it dont work in Internet explorer its proberly because the video aint encoded in H.264.

11,025

ipatch

🌈🦄

Updated on September 19, 2022

Comments

ipatch over 1 year

Apparently there is something wrong with my HTML page or there is a bug in chrome. (I seriously doubt the later) It does however manage to play in FF 18, and Safari 602

My page looks like the following,

404.php

<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>chrisrjones.com - 404 - File Not Found</title>
<body>
Nope.

<br />

<!-- first try HTML5 playback: if serving as XML, expand `controls` to `controls="controls"` and autoplay likewise       -->
<!-- warning: playback does not work on iPad/iPhone if you include the poster attribute! fixed in iOS4                   -->

<video width="274" height="256" autoplay>
    <!-- MP4 must be first for iPad! -->
  <source src="../files/ahah-mp4-2.mov" type="video/mp4">
  <source src="../files/ahah.webm" type="video/webm"> <!-- Chrome10+, Ffx4+, Opera10.6+ -->
  <source src="../files/ahah.ogv" type="video/ogv"> <!-- Firefox3.6+ / Opera 10.5+ -->
  Your browser does not support the video tag.
  <!-- fallback to Flash: -->
  <!-- source: http://helpx.adobe.com/flash/kb/object-tag-syntax-flash-professional.html -->

</video>
</body>
</html>