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

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

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

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

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

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

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

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

直接修改“插入代码”中的宽高width/height呗。

如：

<embed src="http://player.youku.com/player.php/Type/Folder/Fid/19014531/Ob/1/sid/XNTE0MTQ0MDky/v.swf&quot quality="high" width="120" height="100" align="middle" allowScriptAccess="always" allowFullScreen="true" mode="transparent" type="application/x-shockwave-flash"></embed>

中的width="120" height="100"

或

<iframe height=118 width=220 frameborder=0 src="http://player.youku.com/embed/XNDE3Nzg0Mzky&quot allowfullscreen></iframe>

中的height=118 width=220

1、首先打开网页制作应用程序后，通过打开现有编辑区内容进行说明。

2、然后在菜单栏选择查看，其中点击放大和缩小对编辑区进行页面缩放。

3、通过使用快捷命令ctrl+=放大编辑区页面。

4、然后通过使用快捷命令ctrl+-缩小编辑区页面。

5、或者在菜单栏中点击查看>缩放比率选择百分比来放大缩小编辑区。

---