css~· 让视频在网页中心播放 不全屏

html-css015

css~· 让视频在网页中心播放 不全屏,第1张

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

有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了

满屏的意思是左右和上下都是,也是全屏的意思,DIV+CSS左右全屏好处理

不设置DIV的宽度或者设置为100%即可,

高度及上下有点麻烦,可以借助JS(jquery)获取显示区域的高度,来动态设置DIV显示的高度

js如下:

$(window).height()