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 -I http://dev.investja.org/virtual/download/10/mp4/JA_Video
HTTP/1.1 200 OK
Date: Fri, 02 Oct 2015 09:42:56 GMT
Server: Apache/2.2.29 (Unix)
X-Powered-By: PHP/5.5.29
Content-Disposition: attachment; filename="JA ISP Lesson 03 Video 03-720p.mp4"
Content-Length: 42346342
Cache-Control: max-age=2592000, public
Expires: Sun, 01 Nov 2015 09:42:56 GMT
X-UA-Compatible: IE=Edge,chrome=1
Connection: close
Content-Type: application/mp4

Solution 2:

Try to use in js code:

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

and remove сontrols from you html code. ,