javascript - VideoJS - 黑屏，加载圆圈 safari 6.1.1

Question

我正在使用 Safari 6.1.1 和 videojs。我正在流式传输 MP4，但遇到一个问题:当我单击“播放”时加载黑屏，加载微调器不断旋转，时间变为 0:04，然后循环回到 0:00。当我显示 native 控件时，我得到的 QuickTime 控件带有一个黑条，上面写着“正在加载...”

奇怪的是，如果我右键单击视频并在新选项卡中打开它，QuickTime 打开视频没有问题。

控制台中没有错误。它在 Chrome 中运行良好，VideoJS 主页在我用来测试的 Safari 中运行良好。

以下是我如何设置视频，{{}} 是在页面加载时记录信息的 Handlebars 。

<video id="docViewerVideo" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="none" width="90%" height="{{height}}px" src="{{contentURL}}">
    <source src="{{contentURL}}" type='{{mimeType}}' />
    <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
</video>

和 JavaScript

  videojs.options.flash.swf = 'assets/js/videojs/video-js.swf';
  videojs.players = {};
  var videoPlayer = videojs('docViewerVideo');

  videoPlayer.ready(function(){

  });  

如果需要更多信息或者您对我可以尝试的事情有任何建议，请告诉我。非常感谢您的浏览。

Answer 1

此网站上还有其他可以正常运行的视频吗？如果没有，请检查您是否在服务器上正确设置了 MP4 的 MIME 类型:video/mp4