在使用Towify制作小程序时,如何配置点击图标播放/暂停视频?

你需要在视频组件上创建 激活/非激活 两种状态 触发器 以对应播放/暂停两种状态,再通过播放/暂停图标上的点击触发器呼叫 激活/非激活 的状态,以实现视频播放暂停的功能。

效果展示:

前置准备:

  • 用于播放的的视频文件(目前 Towify 支持视频的格式为ogv、mp4、m4v、webm、mov、3gp)

添加视频组件

  • 选中 视频组件
  • 点击 上传视频

视频组件配置激活触发器

  • 选中 视频组件
  • 点击右侧 检查器 面板的 触发器 图标
  • 创建 激活触发器
  • 配置 激活触发器

视频组件配置取消激活触发器

  • 创建 取消激活触发器
  • 配置 取消激活触发器

Play 图标配置执行激活触发器的触发器

  • 选中视频组件下的 Paly 图标组件
  • 点击右侧 检查器 面板的触发器图标
  • 添加执行 激活触发器触发器
  • 配置 触发器

Pause 图标配置执行取消激活触发器的触发器

  • 选中视频组件下的 Pause 图标组件
  • 点击右侧 检查器 面板的触发器图标
  • 创建执行 取消激活触发器触发器
  • 配置 触发器

这样就可以配置点击图标播放/暂停视频了。
官方链接:https://www.towify.com/#/

作者:Towify原文地址:https://segmentfault.com/a/1190000042836521

%s 个评论

要回复文章请先登录注册