2

我有一个没有在 chrome 中加载的 html5 视频视频，它只显示来自 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>

有谁知道可能是什么问题？

4

2 回答 2

1

I had same Problem after wrong Conversion. Try to expand the problem in chrome console to check which video file produces the error. I think its the .mp4 version. I used "miro video Converter" to convert from mp4 to mp4 and it works well but you get a little quality loss...

after that its possible that you have same problem like me... chrome doesnt play .webm files... no idea why :(

sry about bad english ^^

于 2013-08-01T08:23:30.787 回答
1

好事（或坏事）是这不是 VideoJS 问题。我有同样的问题。在互联网上我们可以找到一些信息（例如：https ://github.com/flowplayer/flowplayer/issues/423 ），它被认为是一个 Chrome 错误。JWPlayer 和 VideoJS 论坛也报告了问题。

AFAIK 绕过此问题的唯一方法是加载 webm 文件：

<source src="test.webm" type="video/webm" />

我试图将 webm 源放在 mp4 之前。Chrome 将 webm 识别为“好”源并播放得很好。可悲的是FF和IE不会发挥作用。所以我们需要在浏览器检查后选择一种格式（出了什么问题，但在这一点上我没有看到另一种方式；这不是 JS 功能相关的问题......）。

为什么浏览器检测通常是个坏主意？您可以在测试驱动的 Javascript 开发书籍或此处阅读更多相关信息：http: //jibbering.com/faq/notes/detect-browser/

作为快速修复，您可以使用以下内容：

/* load webm for chrome */
if (window.chrome) {
    videojs('videoTagId').src({ type: "video/webm", src: 'path/to/file.webm' });
}
于 2013-10-03T21:51:53.057 回答