html5-video - HTML5 视频 (video.js) 无法在 Chrome 中加载

Question

我有一个 html5 视频，但未在 Chrome 中加载，它仅显示来自 video.js 的加载微调器。

我也在 Chrome 控制台中收到以下错误:

Uncaught TypeError: Cannot call method 'init' of undefined machinas.com/:830
["Video Error", Object]
0: "Video Error"
1: Object
length: 2
__proto__: Array[0]

.htaccess

AddType video/mp4 .mp4 .m4v
AddType video/webm .webm
AddType video/ogg .ogv .ogg

html

<video id="video-1" class="video-js vjs-default-skin"
                 width="100%" height="100%"
                 poster="videos/timelapse.jpg"
                 data-setup='{ "controls": true, "autoplay": false, "preload": "auto" }'>
                 <source src="videos/timelapse.mp4" type='video/mp4' />
                  <source src="videos/timelapse.webm" type='video/webm' />
                  <source src="videos/timelapse.ogv" type='video/ogg' />
                  Your browser doesn't support HTML5 video.
            <a href="videos/benstatue.mp4">Download</a> the video instead.
 </video>

有人知道可能是什么问题吗？

Answer 1

错误转换后我遇到了同样的问题。 尝试在 Chrome 控制台中扩展问题，以检查哪个视频文件产生错误。我认为它是 .mp4 版本。 我使用“miro video Converter”将 mp4 转换为 mp4，效果很好，但质量有一点损失...

之后您可能会遇到像我一样的问题...chrome 无法播放 .webm 文件...不知道为什么:(

对不起，英语不好^^