video标签踩坑小记

使用video标签实现简单的视频展示，关键点是封面的设置和视频在当前区域的播放，自定义封面图和播放按钮，覆盖在原生视频标签的上面。最终实现的效果如下图所示： 踩坑小记： 问题：视频封面在个别浏览器显示不全 解决：不使用video标签默认的poster属性，自定义封面和播放按钮。 问题：视频在微信浏览器点击全屏播放，不能在当前区域播放 解决：通过设置x5-playsinline="true"实现x5

>>阅读原文<<