Video not playing on some browsers

by Okenyon 4 replies
<video id="my_video_1" class="video-js vjs-default-skin" controls
  preload="auto" autoplay width="640" height="360"
  <source src="video/thedojoaffiliatesystem.mp4" type='video/mp4'>
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?

#programming #browsers #playing #video
Avatar of Unregistered
  • Profile picture of the author David V
    Looks like your using the 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.
    "David has managed the digital side of my retail business for over 8 yrs
    and I can't imagine working with anyone else. ~ Carrie Silva | TheDoghouseLLC
    {{ DiscussionBoard.errors[7765468].message }}
  • Profile picture of the author Okenyon
    Using JWPlayer - thanks so much.

    Co-Founder of pagesource and REBELHEAD, fully qualified chef turned online entrepreneur, lover of Prosecco and LFC.

    More about me here.

    {{ DiscussionBoard.errors[7767184].message }}
  • 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.

    HTML/CSS/jQuery/ZURB Foundation/Twitter Bootstrap/Wordpress/Frontend Performance Optimizing
    Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design -

    {{ DiscussionBoard.errors[7767218].message }}
Avatar of Unregistered

Trending Topics