gpt4 book ai didi

html - Video.js 播放 Quicktime mov 文件

转载 作者:可可西里 更新时间:2023-11-01 13:12:34 34 4
gpt4 key购买 nike

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

最佳答案

不同的设备(和浏览器)需要不同的视频格式。过去,我设法通过使用 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>

关于html - Video.js 播放 Quicktime mov 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18129206/

34 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com