Question

我试图使wonderfull mediaelement/fancyvideo与webm支持一起工作（因为闪回回退与MacOs Firefox的断断续续）：
- 如果有webm文件，它会播放。
- 如果不是，mediaelement使用它的闪回回退。
现在，我已经尝试设置

this.content = "<video id='video_player' poster='" + _videoPoster + "' width='" + _videoWidth + "' height='" + _videoHeight + "' controls='controls' > <source type='video/mp4' src='" + _videoHref + ".mp4'/> <source type='video/webm' src='" + _videoHref + ".webm'/> </video>"; 

为你写不带扩展您的视频这是工作不久一个...但忘了闪回退如果只是MP4，没有WEBM是存在的。
我吮吸Jquery和其他JS的东西，也许有人有一个想法。这个插件可能是一个非常酷的功能。

感谢

Answer 1

你仍然可以在你的<a>标记针对任何mp4文件（或任何其他类型），如：

<a href="video.mp4" class="fancy_video" data-width="560" data-height="320" data-caption="the video" data-poster="">Play Video</a> 

那么你可能需要使用剥离的文件延伸.split()方法和建立不同sources内beforeLoad回调如：

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 = 
     "<video id='video_player' width='" + _videoWidth + "' height='" + _videoHeight + "' controls='controls' preload='none'>" + 
     "<source src='" + _videoHref + ".webm' type='video/webm' />" + 
     "<source src='" + _videoHref + ".mp4' type='video/mp4' />" + 
     "</video>"; 
    // ...etc. 
} 

见JSFIDDLE

注意所有源文件必须具有同名不管他们型和扩展。