如何将自己的 .mov 嵌入网页？答案

【问题标题】：How can I embed my own .mov in to a web page ?如何将自己的 .mov 嵌入网页？
【发布时间】：2015-04-19 16:59:43
【问题描述】：

我刚刚从 Final Cut Pro 导出了一个 .mov 文件。我想将该视频嵌入到我的 HTML 中。我试过了：

<object width="800" height="600"
    classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
    codebase="http://www.apple.com/qtactivex/qtplugin.cab">
    <param name="src" value="FRIEND.mov">
    <param name="autoplay" value="true">
    <param name="controller" value="false">

    <embed src="FRIEND.mov" width="160" height="144"
    autoplay="true" controller="false"
    pluginspage="http://www.apple.com/quicktime/download/">
    </embed>

</object>

我明白了：

然后，我尝试了：

<video width="800" height="600" src="FRIEND.mov" controls ></video>

我明白了：

然后，当我按下play btn 时，我可以播放声音，但不能播放视频。？？？好奇的？

实现这样的目标最有效的方法是什么？

【问题讨论】：

标签： html video

【解决方案1】：

首先你可以从here查看html5视频标签支持的视频格式。 .mov 格式不被任何浏览器支持。

所以你需要使用object 标签来做到这一点。在您的对象标签处，您使用的是浏览器上不存在的 quicktime 播放器插件。将快速播放器插件安装到您的浏览器。如果你使用 chrome 检查this

【讨论】：

+1 谢谢。我会尝试安装插件。为了让事情变得更容易，你认为我应该将我的.mov 预先转换为 mp4 吗？你对此有何看法？你推荐它吗？
@rangerover.js 这对你会更好。您可以在所有带有 html5 视频标签的浏览器上播放 .mp4 文件，而无需在浏览器上安装任何插件。