带有 video.js 的 HTML5 视频在 Safari 中不起作用

Question

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

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

当您打开页面并单击视频时，它在 Chrome 和 Firefox 中运行良好，但在 Safari 中无法正常运行。

任何帮助将不胜感激！

谢谢

Answer 1

尝试在js代码中使用：

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

并从您的 html 代码中删除控制。 ,

Answer 2

它也不能在 Safari 中的常规 HTML5 视频元素中播放：http://output.jsbin.com/rologupuko

Content-Type 标头说明了不正确的 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