html5-video - 嵌入/使用 mediaelement.js 的正确方法

标签 html5-video mediaelement.js flash-video

我正在寻找嵌入 mediaelement.js 播放器的正确方法。

我必须动态添加播放器,因为我一开始不知道视频的 URL。视频将始终是 MP4 视频。我如何确保每个浏览器都使用正确的播放器/插件来显示视频?例如,当前版本的 Firefox 可以播放 HTML5 视频,但它不支持 MP4 - 在这种情况下,带有 flash 回退功能的 HTML5 视频可以工作,但是 silverlight 呢?我想确保我以正确的方式执行此操作(仅 JS 或基于 jQuery 无关紧要)。

最佳答案

MediaElement(以及所有其他 html5 视频包装器)旨在消除所有这些担忧。如果客户端浏览器本身支持 html5 视频但不支持 mp4(除了 IE9+ 和 Safari 之外的所有浏览器都是这种情况),那么它将尝试使用 flash 播放器播放 mp4 .

您可能希望将您的视频编码为其他格式,例如 ogvwebm 以使其他浏览器能够使用其原生 html5 功能。

文档可以在 mediaelement github 上找到网站。

关于html5-video - 嵌入/使用 mediaelement.js 的正确方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15028118/

相关文章:

HTML5 视频和 Canvas CPU 优化

javascript - 修改默认的 HTML5 视频控件

javascript - 从 mediaelement.js 播放器中删除 Youtube 注释?

javascript - 当前进太多或后退太多时,mediaelement.js/html5 视频会永远持续加载

javascript - 用于网络摄像头录制的 Flash 库,封装在 JS 中?

javascript - 结束播放功能不起作用的 HTML5 视频循环 src 更改

html - 为什么webkit浏览器需要下载整个html5视频(mp4)才能播放?

javascript - 访问 MediaElement.js 播放器属性

firefox - VideoJS 和 swfobject 嵌入问题