在DIV+CSS布局中怎么插入视频

html-css07

在DIV+CSS布局中怎么插入视频,第1张

通常情况下,使用<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文件,布局插入视频的问题就解决了。

1)顶部视频插入 进入本地搭建(Wordpress)——用firebug来找到“顶部”插入的代码位置(firebug安装方法与进入请进入:分析网站的架构 诊断网站源代码 DIN+CSS) 找到放入顶部插入视频安装位置 DIV+CSS的ID 或类Class(.xxx相关详细了解:DIV布局学习)——进入后台”外观“——编辑——找到顶部.php(一般顶部head.php)——然后从优酷视频网中把html的地址复制到你head.php(顶部)位置的源代码处——更新保存OK。 2)左侧视频插入 与上步骤同样,找到同样你的位置。网站分头部head.php、左侧 index.php、右侧sindar.php. 右侧分为利用小工具(一般有些模板没有小工具功能)、自定义模块也就是通过侧边的代码在一次复制把这调用的如“最新文章、日期归档代码用视频代码放入在内。2、如何修改文章标题大小 也是利用firebug功能找到你要改的”文章标题位置“查看DIV+CSS的ID或类Class——进入后台”外观“——编辑——找到style.css——通过查找的方式找到你的ID或Class(Ctrl+f、点击编辑——查找)——修改数字大小。3、如何更换网站图片 Firebug找到地址存放的位置。OK