Video not playing on some browsers

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.
#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.
    {{ DiscussionBoard.errors[7765468].message }}
  • Profile picture of the author Okenyon
    Using JWPlayer - thanks so much.
    Signature

    Owner at Internet Marketing Deals and Coupons and Landing Page Guys, 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.
    Signature

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

    {{ DiscussionBoard.errors[7767218].message }}

Trending Topics