例如：
body {
zoom: 3
-moz-transform: scale(3)
-moz-transform-origin: 0 0
}
把整个body放大三倍,缩小同理,改成比1小的数字即可
你说的应该是向下滚动视频变小在右下角吧，通过判定scrolltop距离来更改视频元素的属性，
width 变小然后再加个display: fixed，让小的视频窗口不随页面滚动而滚动，把视频定在右下角，
然后给视频窗口加个onclick，点击再跳到上面视频位置，通过scrolltop设置，
过程中把视频大小还原，onclick里面还得判断视频窗口大小，大的直接return，小的变大并且回到把网页回到视频的位置。
大概是这样具体操作你自己摸索。
ps：scrolltop是通过js获取，鼠标滚动的时候会触发onscrool事件，直接在js中写个onscrool事件获取就行了。
![[前端][CSS] 纯css实现纵向滚动固定表头与横向内容滚动](/aiimages/%5B%E5%89%8D%E7%AB%AF%5D%5BCSS%5D+%E7%BA%AFcss%E5%AE%9E%E7%8E%B0%E7%BA%B5%E5%90%91%E6%BB%9A%E5%8A%A8%E5%9B%BA%E5%AE%9A%E8%A1%A8%E5%A4%B4%E4%B8%8E%E6%A8%AA%E5%90%91%E5%86%85%E5%AE%B9%E6%BB%9A%E5%8A%A8.png)
