Html5 Video With Video.js Not Working In Safari

I have a private website that hosts training videos using the HTML5 video tag and the video.js plugin. It was working in Chrome/Firefox/Safari up until last Spring, but now the vi

Solution 1:

It also doesn't play in a regular HTML5 video element in Safari: http://output.jsbin.com/rologupuko

The Content-Type header is stating an incorrect mime type. It should be video/mp4. That's enough to break playback in some browsers, try fixing that.

curl-Ihttp://dev.investja.org/virtual/download/10/mp4/JA_VideoHTTP/1.1200OKDate:Fri,02Oct2015 09:42:56 GMTServer:Apache/2.2.29(Unix)X-Powered-By:PHP/5.5.29Content-Disposition:attachment;filename="JAISPLesson03Video03-720p.mp4"Content-Length:42346342Cache-Control:max-age=2592000,publicExpires:Sun,01Nov2015 09:42:56 GMTX-UA-Compatible:IE=Edge,chrome=1Connection:closeContent-Type:application/mp4

Solution 2:

Try to use in js code:

var myVideo = videojs(videoEl, { controls: true }); 

and remove сontrols from you html code. ,