MediaElement.js - 如何動態調整視頻大小？

Question

我知道如何加載視頻大小不同，但我無法弄清楚如何改變它們。例如，在我的應用程序中，視頻面板可以調整大小 - 我想調整視頻大小。問題是，創建了幾個元素，並且我試圖避免調整每個子元素的大小，並使用一些內置函數。

發現this option但它似乎有點粗溶液。

Answer 1

對於默認視頻播放器的YouTube & Vimeo的，這往往有助於「響應」調整西元： http://FitVidsjs.com/

我有一個朋友與WordPress不MediaElement.js使用它;它與瀏覽器調整大小一起工作，但在其周圍留下了一個黑色框。請讓我知道，如果你可以讓2合作，請與測試頁。 :)

Answer 2

<div id="video-wrapper"> 
    <video width="640" height="360" style="width: 100%; height: 100%;" id="player1"> 
     <source/> 
    </video> 
</div> 

通過演示/ mediaelementplayer-responsive.html文檔那是2.9.3下載（也是在GitHub上）的一部分。我知道內聯樣式是醜陋的，但是...它的工作原理！我只是調整視頻的方式包裝爲neccessary（jQuery的例子）：

var newHeight = 360/640 * newWidth; 
$('#video-wrapper').css('width',newWidth); 
$('#video-wrapper').css('height',newHeight+'px');