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

注意所有源文件必須具有同名不管他們型和擴展。