html5在线视频大小,如何动态调整HTML5中的视频大小？

说实话,你有这么多的调整大小句柄有点令人困惑.它也使事情变得非常复杂.

这是我到目前为止所提出的,这应该让你对完整的实现有一个很好的认识：

var $cont = $('#container'),

contWidth = $cont.width(),

contHeight = $cont.height(),

$one = $('#one'),

$two = $('#two'),

$ltop = $one.find('.ltop'),

$lbot = $one.find('.lbot');

$ltop.resizable({

handles: 'se',

minWidth: '100',

maxWidth: '400',

resize: function() {

var width = $(this).width(),

height = $(this).height(),

remSpaceH = contWidth - width,

remSpaceV = contHeight - height;

$one.width(width);

$two.width(remSpaceH - ($two.outerWidth() - $two.width()));

$lbot.height(remSpaceV - ($lbot.outerHeight() - $lbot.height()));

}

});