本篇经验将继续分享视图容器类组件中cover-view覆盖类视图容器组件的使用详解。本篇经验将基于第一个手工构建的微信小程序演示，具体构建步骤，可以参考如下经验引用。
工具/原料
微信开发者工具
方法/步骤
1、先百度搜索查看cover-view组件的官方文觇致惯鸹档，从官方文档可以看出，这是一个覆盖在原生组件之上的视图容器组件，可被覆盖的原生组件有：map、video、canva霜杼厮贿s、camera、live-player、live-pusher。可通过嵌套cover-image实现一个图片覆盖效果。
2、在工程中新建一个images子目录，并拷贝两张代表播放与暂停的图标图片到该子目录中，后面cover-image标签会使用这两张本地图片。
3、演示通过cover-view在原生v坡纠课柩ideo组件上覆盖两个图标按钮1.通过原生video组件在页面创建一个诒仓鋈烧视频对象；2.在<video>标签内部通过<cover-view>和<cover-image>标签创建多个覆盖组件。
4、在js中创建上面cover-view上绑定的play,pause函数，注意，这个两个函数需要使用页面video对象，在onReady函数中通过平台提供的接口获取该对象。
5、在wxss文件中定义上述各组件所使用的样式。
6、保存编译，在模拟器中可以看到页面效果，符合预期，cover-view上的动作也能控制视频的播放与暂停。
