Videojs: Not Working On Ios

I used the videojs and it is working fine all browsers(including IE) and on Android . But it is not working on IOS devices (iphone and ipad IOS version 6). Here is the code which I

Solution 1:

First put double quotes around the source src attribute and try that. If that doesn't solve it, it sounds like the problem is with the mp4 itself, most likely because of the way it's been encoded or it has a huge filesize. Try using videojs's default movie (http://vjs.zencdn.net/v/oceans.mp4) and see if that works. If it works, you know the problem lies with the movie file itself.

Solution 2:

Your web server should support byte-range requests,check whether web server support 206 response. If you are using nginx,add mp4 module.

Solution 3:

I solved most of my mp4 encoding issues using handbrake.

Solution 4:

Try to change type="video/m4v" to "video/mp4".

<video class="video-js">
  <source src="//vjs.zencdn.net/v/oceans.mp4"type="video/mp4">
  <source src="//vjs.zencdn.net/v/oceans.webm"type="video/webm">
</video>

Offical docs.