VideoJS - 黑屏与加载圈 safari 6.1.1答案

【问题标题】：VideoJS - Black screen with loading circle safari 6.1.1VideoJS - 黑屏与加载圈 safari 6.1.1
【发布时间】：2015-01-06 00:49:49
【问题描述】：

我正在使用 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(){

  });

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

【问题讨论】：

你能分享一个视频来测试一下吗？

标签： javascript html video safari quicktime

【解决方案1】：

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

【讨论】：