HTML5视频与video.js在Safari中不起作用

我有一个私人网站，使用HTML5视频标签和video.js插件托管培训视频。直到去年春天，它还在Chrome/Firefox/Safari中运行，但现在这些视频在Safari中不再运行。它们在Chrome和Firefox中运行良好。我升级到了最新的video.js v4.12和v5，但这没有帮助。您可以在此测试页上查看已断开的代码

当你打开页面并点击视频时，它在Chrome和Firefox中运行良好，但在Safari中则不行

任何帮助都将不胜感激

---

谢谢

它也不会在Safari中的常规HTML5视频元素中播放：

内容类型标头说明的mime类型不正确。它应该是

video/mp4

。这足以破坏某些浏览器中的播放，请尝试修复它

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

---

尝试在js代码中使用：

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

并从html代码中删除控件。

---

，

如果来自服务器的标题与文件扩展名不同，则浏览器在呈现时可能会出现问题。例如，如果要从渲染文件http://.../some_name.mp4 并且“内容类型”报头是“视频/mpeg”而不是“视频/mp4”，那么该视频可能被认为已损坏。（在IE11上发生在我身上）原来这是我的问题，谢谢你指出！我就这个问题写了类似的评论：