如何在HTML中让一个视频根据滚动条放大缩小

你说的应该是向下滚动视频变小在右下角吧，

通过判定scrolltop距离来更改视频元素的属性，

width 变小然后再加个display: fixed，让小的视频窗口不随页面滚动而滚动，把视频定在右下角，

然后给视频窗口加个onclick，点击再跳到上面视频位置，通过scrolltop设置，

过程中把视频大小还原，onclick里面还得判断视频窗口大小，大的直接return，小的变大并且回到把网页回到视频的位置。

大概是这样具体 *** 作你自己摸索。

ps：scrolltop是通过js获取，鼠标滚动的时候会触发onscrool事件，直接在js中写个onscrool事件获取就行了。

季卡（90天）6元；半年卡（180天）12元；年卡（365天）18元；享受天翼看家业务1天滚动事件云回看，1天云回看服务。1天滚动事件存储定义：摄像头采集的视频当发生移动侦测事件时进行云端录制。至多可存储即日起往前倒推1天的视频。了解更多服务优惠点击下方的“官方网址”客服397为你解答。

---