通常情况下,使用<video>标签插入视频。这是HTML5中新增加的标签,某些老版本浏览器可能不会兼容(例如ie7)。简单设置视频的样式和控件即可(下面是代码)。
对于早期浏览器,使用Adobe flashplayer插件加载视频吧。
<video src="url" autoplay="autoplay" loop="loop" controls="controls" width="XXXpx">请更新你的浏览器到最新版本
</video>
div+css布局如何插入视频的方法。
如下参考:
1.创建一个新的HTML文件test.html来解释div+CSS布局的基本过程。
2.在test.html文件中,设置正文的样式,将margin设置为0,padding设置为0,将text对齐到文本的中心。
3.在test.html文件中,为了便于解释,将所有div的高度设置为200px,内容的颜色设置为红色。
4.在test.html文件中,使用div创建页面的标题,使用margin:0auto设置divcenter,将其宽度设置为800px,背景颜色设置为灰色。
5.在test.html文件中,使用div创建页面的中间部分,使用margin:0auto设置divcenter,并将其宽度设置为800px。
6.在test.html文件中,在页面的中间创建两个div,将中间分成两个部分,每个部分的宽度为50%。左边部分使用float:left来设置左边的float,右边部分使用float:right来设置右边的float。
7.在test.html文件中,使用div创建页面的底部。使用clear:两者都清除上面div的浮动,以避免影响底部的布局。同时,使用margin:0auto来设置divcenter,宽度为800px,背景颜色为#000fff。
8.在浏览器中打开test.html文件,布局插入视频的问题就解决了。
用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>