Video not playing on some browsers

by Okenyon Posted: 13 years ago 4 replies

Code:

<video id="my_video_1" class="video-js vjs-default-skin" controls
  preload="auto" autoplay width="640" height="360"
  data-setup="{}">
  <source src="video/thedojoaffiliatesystem.mp4" type='video/mp4'>
</video>

So this is my code however it only seems to play on chrome and safari

can anyone tell me why and also recommend a fix/different code?

thanks.

#programming #browsers #playing #video

David V 13 years ago

Looks like your using the Videojs.com html5 code.
Browser support is likely the issue for the mp4.
This html5 test site will help you determine what will/won't work.

You may need a fallback type like ogg or use a different method to deliver the video like JWplayer, etc... that provides multiple types and fallbacks. Just an idea...

Just as a note:
If your .mp4 file uses MPEG-4 compression then you want to convert it using the more efficient H.264.
Okenyon 13 years ago

Using JWPlayer - thanks so much.
Michael71 13 years ago

Take a look here:

Can I use... Support tables for HTML5, CSS3, etc

You need a fallback or different video formats to play in most browsers.
- [1] reply
- Brandon Tanner 13 years ago
  
  To cover all browsers, you need to specify multiple 'sources' (ie mp4 AND webm), and use Flash fallback for older browsers.
  
  Read everything on this page...
  
  Using the HTML5 Video Tag | LongTail Video | Home of the JW Player
  
  Your code should look similar to the example at the bottom of that page.

Join the discussion

Next Topics on Trending Feed

5

Video not playing on some browsers

Okenyon • 13 years ago • 4 replies

Code: <video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" autoplay width="640" height="360" data-setup="{}"> <source src="video/thedojoaffiliatesystem.mp4" type='video/mp4'> </video> So this is my code however it only seems to play on chrome and safari can anyone tell me why and also recommend a fix/different code?