html - 如何将视频添加到html中

Question

我想在我的 html 代码中添加一个视频，至少应该可以从 IE、firfox 和 chrome 浏览器访问它。

视频的扩展名为.vob

我用过这段代码

<object data="../Video/VTS_01_1.vob" height="200" width="200"></object> 

但我在屏幕上什么也看不到，只是一个 200 高和 200 宽的正方形

Answer 1

• 使用元素_<video>
• 使用浏览器支持的文件格式。VOB 不是这样的格式。MP4 和 WebM 对于不同的浏览器都是不错的选择，你应该同时使用
• 考虑使用为旧浏览器提供 Flash 等回退的库。示例包括video.js和适用于所有人的视频

Answer 2

示例代码：

<video width="640" height="360" src="/demo/google_main.mp4?2" autobuffer>
    <div class="fallback">
        <p>................</p>
    </div>
</video>

用新标签包裹了相同的旧标签<object>和<embed>标签。

有关视频标签的更多信息