html5视频备份建议(无闪存)

Question

我正在寻找一个创造性的方法，以取代一个HTML5视频与图像在一些情况下。我不想处理闪光灯之类的事情来让视频正常工作.宁愿给他们一个形象。

如果：

1. 如果桌面浏览器不支持HTML5视频
2. (如果用户是移动的

)

看起来很简单..。特别是在不支持视频的情况下，使用带有display:none;的现代派css标签.因此，这里有一个警告: HTML5视频是从边缘到边缘，中心到屏幕的JavaScript，我希望图像具有相同的行为。

我最初的想法很简单:海报属性。工作在iPad和iPhone 3/3gs上，但可以在iPhone 4上播放。而且，IE也不起作用，因为IE上显然写着“我不知道这是什么”，甚至连海报都不介意。

我在http://kzmnt.com/test/做了个测试

期待您的建议！

Answer 1

在大约1100 to之后使用了一个媒体查询，并使用css背景大小设置为覆盖的图像替换它！

Answer 2

您可以检查以下内容是否支持HTML5视频：

function supports_h264_baseline_video() {
 if (!supports_video()) { return false; }
 var v = document.createElement("video");
 return v.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');
}

至于手机，请尝试使用一些媒体查询。

以上代码来自http://diveintohtml5.ep.io/detect.html#video-formats。