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');