如何在小程序中自定义视频播放按钮,打造个性化观看体验?

2026-04-05 19:400阅读0评论SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计710个文字,预计阅读时间需要3分钟。

如何在小程序中自定义视频播放按钮,打造个性化观看体验?

效果展示:+ 实现方法:在video中添加一个cover-view,在cover-view中写入两个cover-image,一个用来存储封面图,一个用来存放播放按钮。同级再写一个cover-view,用来完成封面上文字的展示,设置绝对定位。

效果图展示:

如何在小程序中自定义视频播放按钮,打造个性化观看体验?

实现方法:

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

阅读全文

本文共计710个文字,预计阅读时间需要3分钟。

如何在小程序中自定义视频播放按钮,打造个性化观看体验?

效果展示:+ 实现方法:在video中添加一个cover-view,在cover-view中写入两个cover-image,一个用来存储封面图,一个用来存放播放按钮。同级再写一个cover-view,用来完成封面上文字的展示,设置绝对定位。

效果图展示:

如何在小程序中自定义视频播放按钮,打造个性化观看体验?

实现方法:

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

阅读全文