3

我正在尝试使用 video.js 在浏览器中播放 Quicktime .mov 文件（包装 H264 视频）。我在 Visual Studio 2012 中创建了一个新的 Typescript 项目，并在一个非常简单的 html 文件中引用了视频文件，该文件改编自从http://www.videojs.com/下载的演示文件。

<!DOCTYPE html>
<html>
<head>
  <title>Video.js | HTML5 Video Player</title>
  <link href="video-js.css" rel="stylesheet" type="text/css">
  <script src="video.js"></script>
  <script>
    videojs.options.flash.swf = "video-js.swf";
  </script>      
</head>
<body>

  <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"
      data-setup="{}">
    <source src="media/somevideo.mov" type='video/mp4' />
  </video>
</body>
</html>

不幸的是，这似乎无法在 Chrome 或 IE 中播放（我没有尝试过其他浏览器）。我尝试将类型更改为 type='video/quicktime' 但没有成功，并且我尝试将 type 属性全部删除。在前一种情况下，视频会永远“加载”。在第二种情况下，文本出现在视频对象的顶部，告诉用户下载最新版本的 Flash。

我感觉这可能是 MIME 类型的问题，但不知道如何解决。有谁知道如何解决这个问题？

史蒂夫

编辑我将放弃这个。我决定可以批量转换为 H264 并创建一些元数据来提取我需要的额外信息。这使得依赖 video.js 与 QT 交互的生活变得更加轻松。

4

1 回答 1

3

不同的设备（和浏览器）需要不同的视频格式。过去，我通过使用此服务获得了全面支持。但是，您也许可以使用 ffmpeg 自己完成。

从 videojs 的 html 源代码中可以看到，包含多种视频文件格式。

<video id="home_video" controls preload="none" poster="/img/poster.jpg" class="video-js vjs-default-skin">
    <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
    <source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm">
    <track kind="captions" src="/vtt/captions.vtt" srclang="en" label="English"></track>
</video>
于 2013-08-08T14:58:06.217 回答