CODEWITHSUNDEEP
htmlvideo
Sam Khan
Sam Khan

Reputation: 2477

HTML5 Video not working in Firefox and Chrome?

I am using this snippet below. The video works when clicked in safari but it doesn't work when clicked in firefox, ie, and chrome.

Snippet:

      <video width="560" height="340" controls>
      <source src="/media/intro.mp4" type='video/mp4; 
      codecs="avc1.42E01E, mp4a.40.2"'>
      </video>

Upvotes: 1

Views: 5177

Answers (1)

Navigatron
Navigatron

Reputation: 2105

You need to convert your mp4 video to ogv and include it as a source. It also may be a good idea to include a webm version of the video.

You can use this program to convert it. Windows only, XMedia Recode

<video width="560" height="340" controls="controls">
      <source src="media/intro.mp4" type="video/mp4"/>
      <source src="media/intro.ogv" type="video/ogg"/>
      <source src="media/intro.webm" type="video/webm"/>
</video>

Upvotes: 6

Related Questions