使用 mediaelement.js 与 HTML5 后备的 Flash 视频

Posted

技术标签:

【中文标题】使用 mediaelement.js 与 HTML5 后备的 Flash 视频【英文标题】:Flash Video with HTML5 fallback using mediaelement.js 【发布时间】:2011-11-02 04:29:27 【问题描述】:

我需要构建我的页面,而不是 Flash 后备,以便我使用 html5 视频作为后备来播放 Flash 视频 http://mediaelementjs.com/

任何想法如何做到这一点?

【问题讨论】:

【参考方案1】:

将 Flash 提供给新浏览器的唯一情况是,HTML 5 作为“后备”是针对 ios 设备的。所以试着像这篇文章一样嗅探 iOs 设备: iPad/iPhone browser sniffer with mod_rewrite and redirection; "too many redirections"

或者这个使用javascript: http://davidwalsh.name/detect-iphone

如果您知道自己拥有现代浏览器,但不支持 Flash,请使用 HTML5 标记。

【讨论】:

这并不完全正确。例如,我发现 mp4 提供比 Ogg 更高的质量,并且 Flash 的全屏功能优于 html5 视频。我总是先使用 Flash,然后是 HTML5。我也对 OP 问题的答案感兴趣。

以上是关于使用 mediaelement.js 与 HTML5 后备的 Flash 视频的主要内容,如果未能解决你的问题,请参考以下文章

MediaElement.js之浏览器跨域请求视频播放

MediaElement.js 更改视频 onclick 的来源

IE 中的 Mediaelement.js 故障,没有闪回工作

mediaelement.js - 具有固定最大尺寸的响应式视频

包含空格的 MediaElement.js RTMP URL 无法在 Firefox 中播放

MediaElement.js (WordPress) 为 YouTube 视频设置结束时间