Question

我正在尝试使用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交互的生活变得更加容易。

Answer 1

不同的设备（和浏览器）需要不同的视频格式。在过去，我通过使用this service获得了全面的支持。但是，您可以使用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>

Video.js播放Quicktime mov文件

1 个答案: