Question

也许有人遇到过这样的问题？我刚刚尝试使用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，我遇到了同样的行为。问题的原因是什么？

Answer 1

您的服务器（即使它是localhost）需要设置为提供正确的mime类型，或者更繁琐的浏览器不会播放文件。 See dive into html5 for more information

Answer 2

将文件扩展名从.ogv更改为.ogg。效果很好。

Answer 3

添加mp4文件的绝对路径，IE9将播放它。 See answer on video.js help guide from Jonas

当我在本地使用视频文件时，HTML5视频在Firefox和IE中不起作用

3 个答案: