使用transform对html的video播放器窗口放大

核心是使用

播放容器


$('video').css({
            'transform': 'scale(2)',
            'transform-origin': 'center top'
        });

其中

scale 表示放大倍数，可以是小数

transform-origin 表示位置，

1）可以使用坐标点 如 '120px 200px'

2）或者使用方位坐标，left right top bottom总共九个 ，如

左上方 'left top' 

上方 ‘top center’

右上方 'right top'

左方 'left center'

中间 'center center'

右方 'right center'

左下方 'right bottom'

下方 'bottom center'

右下方 'right bottom'

以下是html示例代码