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

html-css030

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了

纯手打。自适应还需楼主自己调试。至于home键功能,,一个fadeIn和fadeOut就可以搞定

<html>

<head>

<title>css3 Draw Hive</title>

</head>

<style type="text/css">

.container{width:800pxheight:480pxposition:relativez-index:99}

-------我是华丽的分割线---------

不懂可以继续追问

会给你更好地建议,帮助解决可困难,喂百度知道做贡献