为自托管内容和播放器嵌入带有对象标签的视频答案

【问题标题】：Embedding video with object tag for self hosted content and player为自托管内容和播放器嵌入带有对象标签的视频
【发布时间】：2015-06-04 11:56:47
【问题描述】：

我是视频播放器世界的新手。我想开发一个基于移动浏览器的视频播放器。我知道 HTML5 及其闪存回退，但这是一个不同的要求。

要求是，我应该使用对象标签嵌入我的视频，以便它在所有移动设备（浏览器）中播放。代码帮助将非常有用。必须使用 Object 标签。如果有任何兼容所有移动浏览器的 swf 或类似的东西..

提前致谢。

【问题讨论】：

标签： html video video-player brightcove object-tag

【解决方案1】：

使用<object>-标签是一种不好的方式。为什么您必须使用它？为什么不使用<video>-tag 呢？此外，<object> 自 2015 年 1 月 27 日起已弃用。

如果您要嵌入的文件可以在大多数手机上播放（例如 .MP4 文件），您可以改用<video>-tag。

<video width="500" controls>
    <source src="video.mp4" type="video/mp4">
    Your browser does not support HTML5 video.
</video>

如果您要嵌入 .swf 文件，则无法在不支持 Flash 的设备上播放它。我无法在我的 Android 手机上的 Chrome 中原生播放 .swf 文件，甚至不考虑 iOS 设备。

如果你真的，REALLY也想使用<object>-tag，你可以将它包裹在<video>-tag中，像这样：

<video src="video.mp4" controls>
    <object data="flvplayer.swf" type="application/x-shockwave-flash">
        <param value="flvplayer.swf" name="movie"/>
    </object>
</video>

【讨论】：