你先把视频放好，css样式调节好，我这里的 class="v-txt text-center" 是我在视频的上放的文字以及图，效果就看你要怎么样子。这里我用的是 scrollReveal.js 也是一款页面滚动显示动画的 JavaScript，能让页面更加有趣，更吸引用户眼球。
在css 样式中 @media 标签，控制屏幕宽度让其进行自动变化。经常为不同分辨率设备或不同窗口大小下布局错位而头疼，可以利用@media screen实现网页布局的自适应。
优点：无需插件和手机主题，对移动设备友好，能够适应各种窗口大小，只需在CSS中添加@media screen属性，根据浏览器宽度判断并输出不同的长宽值。
以下是针对自用主题而写的css，对宽度768以下设备只保留主要文章框架，以便在有限的空间里获得最佳阅读体验。
可以挑选专业的h5制作工具来制作h5页面。
不同于简单替换图片文字，专业的h5页面制作工具有丰富的交互功能可供使用，制作出来的h5页面更酷炫和丰富，使用户印象深刻，比较知名的工具有：epub360等。
通常我们所说的H5就是H5广告，大多是在微信上宣传营销使用的，而HTML5是第五代HTML的标准，可以说，H5都是基于 HTML5 实现的，包括目前我们看到的大部分网页，基本上所有H5都遵循HTML5这个规范，不然就会出现问题。
它是一种基于互联网的网页编程语言，而手机端广告只不过是其中的一个点。2007年W3C（万维网联盟）立项HTML5，直至2014年10月底，在经历了各种被实验，被抛弃，被甩，被各家大佬当皮球踢来踢去之后，html5的规范终于正式定稿了！
