带有video.js的HTML5视频无法在Safari中使用

Posted 2021-05-02

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

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

当您打开页面并单击视频时，它可以在Chrome和Firefox中正常工作，但不适用于Safari。

任何帮助将不胜感激！

谢谢

答案

它也不适用于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

另一答案

尝试在js代码中使用：

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

并从您的HTML代码中删除сontrols。 ，