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了

用FLASH插入

<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="50" height="50">

<param name="movie" value="你的swf链接地址" />

<param name="quality" value="high" />

<param name="wmode" value="opaque" />

<param name="swfversion" value="6.0.65.0" />

<!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示,请将其删除。 -->

<param name="expressinstall" value="Scripts/expressInstall.swf" />

<!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 -->

<!--[if !IE]>-->

<object type="application/x-shockwave-flash" data="你的SWF链接地址" width="50" height="50">

<!--<![endif]-->

<param name="quality" value="high" />

<param name="wmode" value="opaque" />

<param name="swfversion" value="6.0.65.0" />

<param name="expressinstall" value="Scripts/expressInstall.swf" />

<!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 -->

<div>

<h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4>

<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" width="112" height="33" /></a></p>

</div>

<!--[if !IE]>-->

</object>

<!--<![endif]-->

</object>

<script type="text/javascript">

swfobject.registerObject("FlashID")

</script>

楼上两位都是鸟人,屁服!

html:

<div id="vod">放视频</div>

<div id="mytxt">放你的文字</div>

css:

#vod,#mytxt{float:left}

没有Css是专门控制视频的,任何视频、图片、Flash或文字段落都可以放在Div或其他容器里面通过Css控制位置,你最好买点基础的书学学!还有你说的文字环绕视频(如果是整个围绕一圈的话),Css不是不能做,只是用Css做这种效果既不科学又麻烦,不如你直接把文字做在图片上当背景图来得快。

如果只是你传的图片那样围绕,那就是我上面给你的代码,如果你看不懂的话建议你买本css基础的书看看,别乱看网上的css教程,网上css教程半灌水写来让人误入歧途的太多了。