新建一个html文件，命名为test.html，用于讲解在div+css布局的网页中如何加入视频。使用video标签来实现。在video标签内可以设置视频的大小、播放方式等，在source标签内设置视频的路径。使用object标签来实现。
成都网站建设哪家好，找创新互联建站！专注于网页设计、成都网站建设、微信开发、微信小程序、集团成都企业网站建设等服务项目。核心团队均拥有互联网行业多年经验，服务众多知名企业客户；涵盖的客户类型包括：成都白乌鱼等众多领域，积累了大量丰富的经验，同时也获得了客户的一致赞赏！
通常情况下，使用video标签插入视频。这是HTML5中新增加的标签，某些老版本浏览器可能不会兼容（例如ie7）。简单设置视频的样式和控件即可（下面是代码）。对于早期浏览器，使用Adobe flashplayer插件加载视频吧。
使用定位来进行布局就可以了，将你的这个图片定位到这个位置上去。
div+css布局，或者table都可以搞定。虽然table比较简单，但是个人不是很建议使用table；还是div+css的布局比看起来比较好，因为table的布局在html页面有时看起来比较乱。
DIV+CSS 网页制作，建议还是先多了解一下他的基本实现原理，页面实现基本机制，从基础的学起，可以先看看 http：// 上面关于 XHTML 以及 CSS 的内容，当然，有时间的话，也可以先看看 HTML 的内容。
下面说一下制作动画的步骤：一：自己要清楚自己所要做的动画的一个整体形态，首先就是要建模二：拆分动画形态，就是每帧的形态，或者是一个时长动画的开始和结束形态，中间过程的变化形态。
transition ，所在元素块样式变动时启动，可用于样式变动时 产生过渡动画效果 | transition-property | 规定设置过渡效果的 CSS 属性的名称。 | | transition-duration | 规定完成过渡效果需要多少秒或毫秒。
可以使用CSS中的animation属性和@keyframes规则来实现图片自上而下落下来的动画效果。
1、css引入视频后鼠标移动会显示播放键。根据查询相关公开信息，显示视频集时，都是有一个精美的封面，当鼠标移动到某个视频时，视频封面上会出现一层类似于毛玻璃效果的，会显示视频播放按钮。
2、用脚本（js或jquery）实现：onmouseover的时候显示播放按钮层(div)，onmouseout的时候再隐藏播放按钮层。用css实现：hover 伪类在鼠标移到元素上时向此元素添加特殊的样式。
3、这个css是实现不了的，你可以通过js或者jq来判断，屏幕滚动到某一点上的时候，给对应的元素加上动画类。
4、可以达到鼠标移入而开始执行动画，鼠标移出而恢复动画的原来状态。但是想要达到更精细的动画效果只能使用 js 来监听鼠标的各个事件onmouseenter， onmousemove， onmouseleave来执行动画。纯 css 是不能感知鼠标的移动事件的。
javascript+CSS+Html5实现视频播放器功能 实现视频播放(本地和网络视频)；视频播放的特殊功能(调整大小、快进快退等功能)。
这样，html5浏览器会自动在这些source标签中从上到下依次寻找并识别出该浏览器可以播放的第一个视频文件并进行播放，从而实现兼容多个浏览器的视频播放功能。
html5为你的网页添加视频播放器 在html5中通过video标签为网页添加视频播放功能。
VideoJSVideoJS 是最流行的 HTML5 视频播放器，免费、开源，可使用 CSS 轻松定制皮肤，支持全屏，在不支持的浏览器自动切换为 Flash 播放。
