Question

我在其中一个网站上实现了video.js，除了Mac上的Safari外，我们的视频在每个浏览器中都能正常播放。如果它继续播放，它在Safari中充其量是不稳定的。

这是一个示例视频，但都表现出这种行为：

jsfiddle here：http://jsfiddle.net/e9M4a/6/

<div class='videoWrapper'>
  <video
      class='video-js vjs-default-skin' 
      poster='https://goodtogo-production.s3.amazonaws.com/videos/posters/000/000/021/large/Group_Hospitality.png' 
      data-setup='{ "controls": true, "autoplay": false, "preload": "auto", "height": 320, "width": 568}'>
    <source src='https://goodtogo-production.s3.amazonaws.com/videos/files/000/000/021/original/Group_Hospitality_v1_with_tag.mp4' type='video/mp4'></source>
  </video>
</div>

我已经google了一下，发现此链接http://help.videojs.com/discussions/problems/504-no-audio-and-choppy-video-in-safarimac表明它可能是一个编码问题，但据我所知，编码没问题，并且它通过Quicktime正常播放。

视频播放在jsfiddle中通过Safari也是不稳定的，所以我很确定它不是我们网站上特定实现的内容。

有人能看出什么问题吗？

Answer 1

这只是因为你的mp4文件在文件大小方面是巨大的，它超过140mb！它在我的浏览器中也非常不稳定（IE10）。对于长度为4:17的视频，您应该只能将其编码为10mb以内。

此外，视频尺寸也很大。将视频大小调整为您在播放器中使用的尺寸（宽度：568和高度：320）。

然后顺利观看您的电影流。

video.js html5视频在safari中波涛汹涌

1 个答案: