如何在 HTML 中嵌入 .mov 文件？答案

【问题标题】：How to embed a .mov file in HTML?如何在 HTML 中嵌入 .mov 文件？
【发布时间】：2012-09-20 22:30:46
【问题描述】：

将 .mov 文件添加到网页的正确方法是什么？

我只是将此功能添加到现有文件中，因此无法将其转换为 HTML5。该文件位于同一台服务器上，大小约为 1G。

客户也不想使用主页上的 YouTube 或 Vimeo。

【问题讨论】：

顺便说一句... HTML5 不是媒体文件格式，无法将任何文件转换为 HTML5。 HTML5 是 HTML 的规范，它定义了应该使用的标准，以使页面与所有浏览器兼容

标签： html .mov

【解决方案1】：

使用上面@haynar 提供的答案中的代码时遇到问题（无法在 Chrome 上播放），似乎确保它播放的更现代方法之一是使用 video tag

例子：

<video controls="controls" width="800" height="600" name="Video Name">
  <source src="http://www.myserver.com/myvideo.mov">
</video>

这就像我的 .mov 文件（从 Keynote 生成）在 Safari 和 Chrome 中的一个冠军，并且在大多数现代浏览器中被列为支持（Internet Explorer 9+、Firefox、Opera、Chrome 支持视频标签和 Safari。）

注意：如果您使用 MP4，则可以在 IE / etc.. 中使用（那些家伙不正式支持 Mov）

【讨论】：

非常简单。我很震惊这行得通。谢谢！

【解决方案2】：

<object CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="320" height="256" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
    <param name="src" value="sample.mov">
    <param name="qtsrc" value="rtsp://realmedia.uic.edu/itl/ecampb5/demo_broad.mov">
    <param name="autoplay" value="true">
    <param name="loop" value="false">
    <param name="controller" value="true">
    <embed src="sample.mov" qtsrc="rtsp://realmedia.uic.edu/itl/ecampb5/demo_broad.mov" width="320" height="256" autoplay="true" loop="false" controller="true" pluginspage="http://www.apple.com/quicktime/"></embed>
</object>

source 是Google 中的第一个search result

【讨论】：

认为您可能有兴趣阅读this。

【解决方案3】：

好吧，如果您不想自己完成工作（object 元素并不是那么难），您可以随时使用 Mike Alsup 的媒体插件：http://jquery.malsup.com/media/

【讨论】：