通常情况下，使用<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
