Video not playing on some browsers

by 4 comments
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
  • Profile picture of the author David V
    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.
  • Profile picture of the author Okenyon
    Using JWPlayer - thanks so much.
  • Profile picture of the author Michael71
    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.

Next Topics on Trending Feed