0

我已经在我们的一个网站上实现了 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 正常播放。

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

任何人都可以看到有什么问题吗？

4

1 回答 1

1

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

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

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

于 2013-06-28T16:23:23.247 回答