video.js html5视频在safari中起伏

我在我们的一个网站上实现了video.js，除了Mac上的Safari之外，我们的视频在每个浏览器中都能正常播放。如果它继续玩下去的话，在狩猎旅行中顶多也是波涛汹涌的

下面是一个示例视频，尽管所有视频都表现出这种行为：

请点击此处：

我在谷歌上搜索了一下，发现这个链接表明这可能是一个编码问题，但据我所知，编码是可以的，它通过Quicktime正常播放

对于我来说，通过Safari在JSFIDLE中的视频播放也是不稳定的，所以我很确定这不是我们在该站点上的特定实现中的事情

---

有人知道怎么回事吗？

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

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

---

然后平稳地观看电影流。

那么，你是说如果我们想观看超过140Mb的视频（比如足球比赛的视频，可能超过1GB），我们不能在Mac上的Safari中使用VideoJS？不，这取决于电影的比特率。如果过高，将影响所有玩家，而不仅仅是video.js。想象一下，如果1分钟的视频容量为1gb，那么视频将是不可容忍的。但1gb的数据分布在360分钟内是完全合理的。游戏的目标是优化，这是在正常的网络构建中所要做的一项原则，例如确保图形的文件大小尽可能小，而不会丢失太多的质量。

<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>