微信小程序中的video视频实现自定义播放按钮、封面图、视频封面上文案

网络编程 2024/11/8 佚名

3 2 1

效果图展示：

实现方法：

在video中添加一个cover-view，在cover-view写两个cover-image，一个用来存储封面图、一个用来存放播放按钮，同级写一个cover-view用来完成封面上的文字，设置绝对定位，水平垂直居中，在播放按钮上添加点击事件，点击之后隐藏cover-view，最后在监听视频结束事件，重新填充封面跟播放按钮就可以了。

代码：

<video id="myVideo" src="/UploadFiles/2021-04-02/{{videoSrc}}">总结

以上所述是小编给大家介绍的微信小程序中的video视频实现自定义播放按钮、封面图、视频封面上文案，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

微信小程序video视频,微信小程序播放按钮