我有一个绝对定位的div,我希望MediaElement.js用视频填充它.当用户调整窗口大小时,div的大小会发生变化,我希望视频能够随之改变大小.
我尝试了this guy’s methods,但是如果我在调整大小后全屏显示视频,那么全屏幕版本不会在flash或html5模式下填满整个屏幕.它显示在左上角.
事实上,即使我根本没有设置尺寸信息并在flash中全屏显示,ui也会变得混乱：搜索栏与暂停/播放按钮重叠.
MediaElement.js是不一致和错误的地狱,但它是我能找到的最好的东西.与Video.js不同,它支持flash全屏.它比JWPlayer更容易定制和主题,并且当我尝试寻找像JWPlayer那样时,它不仅仅跳回到flash视频的开头.如果我能克服它的缺点,它会非常有用.
解决方法
要配置MediaElement.js以使HTML5和Flash播放器都填充其容器并响应调整大小,您必须执行以下操作：
$('video').mediaelementplayer({
videoWidth: '100%',videoHeight: '100%',enableAutosize: true,plugins: ['flash'],pluginPath: '/swf/',flashName: 'flashmediaelement.swf'
});