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 videos no longer work in Safari. They work fine in Chrome and Firefox. I upgraded to the latest video.js v4.12 and v5 but that has not helped. You can view the broken code on this test page.

http://dev.investja.org/videojs_problem2.html

When you open the page and click on the video it works fine in Chrome and Firefox but not Safari.

Any help would be greatly appreciated!

Thanks

回答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

回答2:

Try to use in js code:

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

and remove сontrols from you html code. ,

来源：https://stackoverflow.com/questions/32866997/html5-video-with-video-js-not-working-in-safari