当前位置:和仁网 >其它 > 正文

div+css布局如何插入视频

2021-10-21 1

p+css布局如何插入视频的方法。

如下参考:

1.创建一个新的HTML文件test.html来解释p+CSS布局的基本过程。

2.在test.html文件中,设置正文的样式,将margin设置为0,padding设置为0,将text对齐到文本的中心。

3.在test.html文件中,为了便于解释,将所有p的高度设置为200px,内容的颜色设置为红色。

4.在test.html文件中,使用p创建页面的标题,使用margin:0auto设置pcenter,将其宽度设置为800px,背景颜色设置为灰色。

5.在test.html文件中,使用p创建页面的中间部分,使用margin:0auto设置pcenter,并将其宽度设置为800px。

6.在test.html文件中,在页面的中间创建两个p,将中间分成两个部分,每个部分的宽度为50%。左边部分使用float:left来设置左边的float,右边部分使用float:right来设置右边的float。

7.在test.html文件中,使用p创建页面的底部。使用clear:两者都清除上面p的浮动,以避免影响底部的布局。同时,使用margin:0auto来设置pcenter,宽度为800px,背景颜色为#000fff。

8.在浏览器中打开test.html文件,布局插入视频的问题就解决了。

<a href="video.avi">点击此处来播放视频文件</a>
<object data="video.avi" type="video/avi" />
<embed src="video.avi" />
这3种方法都可以,但如果是放服务器端的话这样会出问题的,优酷土豆那些是用了adobe flash 插件来实现的直接一句话embed就可以了 你去找李炎恢的视频 有一节课是专门讲这个的<p class="banner" style=" height:275px; " >
<object title="" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="968" height="275">
<param name="movie" value="/templets/default/images/top01.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed src="/templets/default/images/top01.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="968" height="275" wmode="transparent"></embed>
</object>
</p>
修改一下flas路径就可以啦!
本周热门
本月热门