使用fancybox在mediaelement.js中支持Webm

我正在尝试使用webm支持使用精彩的mediaelement / fancyvideo工作（因为使用MacOs Firefox闪回后备不稳定）：
– 如果有一个webm文件，它就会被播放。
– 如果没有，mediaelement使用它的闪回后备。
现在，我试着设定

this.content = ""; 

当你在没有扩展名的情况下编写你的video时，这很快就会工作……但如果只有mp4而没有webm，那就忘记闪回后退了。
我吮吸Jquery和其他JS的东西，也许有人有个主意。 这个插件可能是一个非常酷的function。

谢谢

Answer 1

您仍然可以在标记中定位任何mp4文件（或任何其他类型），例如：

 Play Video 

然后，您可能需要使用.split()方法beforeLoad文件的扩展名 ，并在beforeLoad回调中构建不同的sources ，如：

 beforeLoad: function () { // build the HTML5 video structure for fancyBox content with specific parameters _videoHref = this.href.split(".mp4")[0]; // remove file extension from href // set fancyBox content and pass parameters this.content = ""; // ...etc. } 

请参阅JSFIDDLE

请注意，无论其类型和扩展 名如何，所有源文件都必须具有相同的名称 。