Video not playing on some browsers

Okenyon · 02-20-2013, 03:13 PM

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.

David V · 02-20-2013, 04:35 PM

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 · 02-21-2013, 02:19 AM

Using JWPlayer - thanks so much.

Michael71 · 02-21-2013, 02:34 AM

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.

Brandon Tanner · 02-21-2013, 08:37 AM

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.

02-20-2013, 03:13 PM	#1
Okenyon www.cpafix.com War Room Member Join Date: Mar 2010 Posts: 257 Thanks: 33 Thanked 31 Times in 16 Posts Social Networking Contact Info	Video not playing on some browsers 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.
	Please Support: Affiliate Forum \| Airline.com \| WordPress Step by Step \| CreateMy.com \| OliverKenyon.com CPAFix Presents, The Dojo \| Exclusive CPA Marketing Coaching Forum.

02-20-2013, 04:35 PM	#2
David V WordPress Developer War Room Member Join Date: Mar 2011 Location: NH, FL, & Wherever I May Roam Posts: 447 Blog Entries: 3 Thanks: 39 Thanked 157 Times in 120 Posts Social Networking	Re: Video not playing on some browsers 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.
	→ "WordPress Plugin Creation How-To Guide" (FREE w/optin) ← ★★ WPCodeKing.com - "Quality not quantity". ★★ Plugin Creation Blueprint Officially Launches 06-11-13! Read About It... if (!question_exist ('are_you_for_hire'); echo '<"99% Not For Hire">';

02-21-2013, 02:19 AM	#3
Okenyon www.cpafix.com War Room Member Join Date: Mar 2010 Posts: 257 Thanks: 33 Thanked 31 Times in 16 Posts Social Networking Contact Info	Re: Video not playing on some browsers Using JWPlayer - thanks so much.
	Please Support: Affiliate Forum \| Airline.com \| WordPress Step by Step \| CreateMy.com \| OliverKenyon.com CPAFix Presents, The Dojo \| Exclusive CPA Marketing Coaching Forum.

02-21-2013, 02:34 AM	#4
Michael71 ResponsiveDesignTest.Net Registered Member Join Date: Nov 2011 Location: Spain Posts: 624 Thanks: 63 Thanked 161 Times in 144 Posts Social Networking Contact Info	Re: Video not playing on some browsers 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 3/Twitter Bootstrap 2/Wordpress/Frontend Performance Optimizing --- Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design - InternetCookies.eu

02-21-2013, 08:37 AM	#5
Brandon Tanner Advanced Warrior War Room Member Join Date: Jul 2006 Location: USA Posts: 2,405 Thanks: 157 Thanked 1,021 Times in 457 Posts	Re: Video not playing on some browsers 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.
	Unique Software For Creating Mobile Website Design "Mockups" CRAZY Fast ... FREE For War Room Members!