HTML5 видео с video.js не работает в 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

Он также не играет в обычном видеоэлемент HTML5 в Safari: 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 

Answer 2

Попробуйте использовать в JS код:

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

и удалить сontrols от вас HTML код. ,