video.js html5 视频在 safari 中断断续续答案

【问题标题】：video.js html5 video choppy in safarivideo.js html5 视频在 safari 中断断续续
【发布时间】：2013-06-24 19:39:08
【问题描述】：

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

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

jsfiddle 在这里：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>

我用谷歌搜索了一下，发现这个链接http://help.videojs.com/discussions/problems/504-no-audio-and-choppy-video-in-safarimac 暗示它可能是一个编码问题，但据我所知，编码是好的，它可以通过 Quicktime 正常播放。

在 jsfiddle 中通过 Safari 播放的视频对我来说也是断断续续的，所以我很确定这不是我们在网站上的特定实现中的问题。

谁能看出问题所在？

【问题讨论】：

标签： safari video.js

【解决方案1】：

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

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

然后流畅地观看您的电影流。

【讨论】：

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