html - HTML5 视频问题 - 令人着迷 6. 浏览器和设备兼容性？

Question

我正在制作一些帮助视频，它们需要在所有浏览器和设备上工作 - ipod/pad/phone android 等。

我的理解是你可以用 HTML5 做到这一点，并且每个设备/浏览器都有后备？

但是，我不得不添加 javascript 来检测浏览器，然后相应地转到视频将在该浏览器或设备上播放的不同 html 页面。

当然必须有一种更简单的方法可以在一个 html 页面中执行此操作？每种浏览器使用什么格式？

我也在使用 ChromeFrame 来解决 IE 问题。

谢谢

Answer 1

我建议查看处理浏览器支持检测的video.js 。

对于视频格式，您可以将 mp4 和 WebM 与 video.js 一起使用，它应该涵盖所有浏览器。

从videoJS网站...

网络浏览器

无论用户使用的是最新版本的浏览器，还是 Internet Explorer 6 之类的古老版本，他们都将获得类似的 Video.js 体验，它使用超轻量级的 Flash 播放器用于不支持 HTML5 视频的浏览器。

视频格式

网络视频格式可能会变得复杂。Video.js 可以通过为所有用户使用单个 MP4 文件或其他格式（如 WebM、Ogg 甚至 HTTP Live Streaming）来实现更轻松的 HTML5 兼容性。

PS。请注意，浏览器（主要是较旧的 IE 浏览器）之间会有视觉差异，尤其是在 Flash 后备启动时。全屏选项是最显着的差异。