0

也许有人遇到过这样的问题?我只是尝试使用 Video-JS 播放器。我第一次使用以下标记:

<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" 
        width="640" height="264"
        poster="http://video-js.zencoder.com/oceans-clip.png"
        data-setup="{}">
    <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
    <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
    <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
    <track kind="captions" src="captions.vtt" srclang="en" label="English" />
</video>

一切都很好。然后我下载了这三个文件——mp4、webm和ogv,并将它们本地放到了我网站的目录中。标记:

<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" 
  width="640" height="264"
  poster="http://video-js.zencoder.com/oceans-clip.png"
  data-setup="{}">
      <source src="/Content/Images/Data/Media/oceans-clip.mp4" type='video/mp4' />
      <source src="/Content/Images/Data/Media/oceans-clip.webm" type='video/webm' />
      <source src="/Content/Images/Data/Media/oceans-clip.ogv" type='video/ogg' />
      <track kind="captions" src="/Scripts/video-js/captions.vtt" srclang="en" 
            label="English" />
</video>

现在它在 Chrome 中运行良好,但在 Firefox 和 IE 中无法运行。在我尝试使用其他 HTML5 播放器 - Leanpack 之前,我遇到了同样的行为。问题的原因是什么?

4

3 回答 3

2

您的服务器(即使它是本地主机)需要设置为提供正确的 mime 类型,否则更麻烦的浏览器将无法播放文件。有关更多信息,请参阅深入了解 html5

于 2012-05-22T15:45:48.687 回答
1

将文件扩展名从 .ogv 更改为 .ogg。它运作良好。

于 2012-07-05T17:41:29.783 回答
0

将绝对路径添加到 mp4 文件,IE9 将播放它。 请参阅 Jonas 的 video.js 帮助指南上的答案

于 2012-05-22T15:35:36.550 回答