VideoJS - 黑色屏幕与加载圈狩猎6.1.1

时间:2015-01-06 00:49:49

标签: javascript html5 video safari quicktime

我正在使用Safari 6.1.1和videojs。我正在流式传输一个MP4并且遇到一个问题,当我点击播放时加载旋转器持续旋转并且时间转到0:04然后循环回到0:00时加载黑屏。当我显示本机控件时,我得到了一个带有黑色条的QuickTime控件,上面写着Loading ...

奇怪的是,如果我右键点击视频并在新标签中打开它,QuickTime会打开视频没问题。

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

以下是我设置视频的方式{{}}是在页面加载时信息中存档的把手。

<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(){

  });  

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

1 个答案:

答案 0 :(得分:1)

您是否在本网站上有其他正常运行的视频?如果没有,请检查您是否在服务器上正确设置了MP4的MIME类型:video / mp4