在微信小程序中渲染HTML内容3种解决方案及分析与(3)

{ // 点击封面图，播放视频 videoTap(e) { const nodeId = e.currentTarget.dataset.nodeid; const context = wepy.createVideoContext('wepyhtml-video-' + nodeId); context.play(); // 在安卓微信下，如果视频不可见，则调用play()也无法播放 // 需要再调用全屏方法 if (wepy.getSystemInfoSync().platform === 'android') { context.requestFullScreen(); } }, // 视频层级较高，为防止遮挡其他特殊定位元素，造成界面异常， // 强制全屏播放 videoPlay(e) { wepy.createVideoContext(e.currentTarget.id).requestFullScreen(); }, // 退出全屏则暂停 videoFullscreenChange(e) { if (!e.detail.fullScreen) { wepy.createVideoContext(e.currentTarget.id).pause(); } } }

开源

最后贴一下「WePY HTML」的项目仓库： https://github.com/beiliao-web-frontend/wepy-html ，具体使用方法见项目内的 README 。

如果你在使用过程中遇到了问题，或者是有好的建议和意见，都可以在 Issues 中提出。

随着微信小程序的不断完善相信用不了多长时间就会有一种更加完美的解决方案，那时我们就不会再改来改去了。更多关于微信小程序开发的文章请点击下面的相关文章

您可能感兴趣的文章: