css如何让视频内容放大缩小不失真

html-css020

css如何让视频内容放大缩小不失真,第1张

1、首先打开css视频制作播放软件，进入主界面。

2、其次通过百分比设置宽度内容，根据宽高比16:9，计算出高度的百分比数值，设置内边距为高度的数值。

3、最后在点击设置找到内容放大缩小点击保真选项保存推出即可不失真。

你指的是在网页中插入视频对吧

有2中方式第一种<video>标签，但是不太好用

<video width="320" height="240" controls="controls">

<source src="movie.mp4" type="video/mp4" />

<source src="movie.ogg" type="video/ogg" />

<source src="movie.webm" type="video/webm" />

<object data="movie.mp4" width="320" height="240">

<embed src="movie.swf" width="320" height="240" />

</object>

</video>

第二种就是<embed src="http://player.youku.com/player.php/sid/XMTMwMjI4NjE3Ng==/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>

将视频上传视频网站比如优酷，会得到写好的视频flash标签就可以随意控制了

步骤上传-找到视频-里面有一个分享好友的东东点击三角号就可以看到地址了，复制HTML，插入你的网页中就OK了