Video not playing on some browsers

by Okenyon 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
Avatar of Unregistered
  • 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.
    Signature
    "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.
    {{ 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