我已经在我们的一个网站上实现了 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 中的视频播放对我来说也很不稳定,所以我很确定这不是我们在网站上的特定实现中的东西。
任何人都可以看到有什么问题吗?