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

Question

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

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

Answer 1

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

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

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