求按钮代码切换视频代码

很多朋友已经可以成功的在微信H5页面中加入视频,但是如何在视频中加入控制按钮呢,现在来讲下用Mugeda在线工具来设置这一功能。

  1. 首先进入在线工具,并打开H5动画或者新建。

  2. 先看下动画中的第一页:

  3. 舞台上通过工具条里的视频按钮添加了一个视频控件,给其命名为"a",其属性设置为:“隐藏播放按钮”为“否”,“隐藏控件”为“否”,“自动播放”为“否”,“点击后”为“切换播放暂停”。

    并给该视频控件添加行为两个跳转并停止的行为,触发条件分别为“视频开始和“视频结束”,分别跳转到第二帧和第三帧。如图:

  4. 然后在舞台上放三个按钮,并给他们设置视频控制行为:

  5. 行为参数设置中,“视频名称”选“a”,“控制方式”分别为“暂停”、“播放”、“停止”。

  6. 预览后。会看到视频开始没有自动播放,点击视频,切换到播放状态,再次点击会暂停,点击下面的三个按钮也可以控制视频的暂停、播放和停止。同时,视频开始会触发跳转到第2帧的“跳转并停止”行为,视频结束会触发跳转到第3帧的“跳转并停止”行为。其中需要注意的是“视频开始”事件触发的行为只会触发一次,暂停或停止后再次播放并不会再次触发。

    第二页:也要放置一个视频,其属性设置与第一页视频的不同:“隐藏播放按钮”为“是”,“隐藏控件”为“是”,“自动播放”为“是”,“点击后”为“播放”。其他部分都和上一页动画一样,如图:

  7. 预览时,翻到这一页会看到视频会自动播放,点击视频,只会又暂停或停止状态转换为播放状态,如果已处于播放状态再次点击不会有变化。下面的三个按钮和第一页完全相同也可以控制视频的暂停、播放和停止。同样,视频开始会触发跳转到第2帧的“跳转并停止”行为,视频结束会触发跳转到第3帧的“跳转并停止”行为。

  • 用了在线工具后还是很同意就可以实现的,也可以根据自己的喜好设置不同的参数看看效果。

经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。

作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
}
【 大橙子MC视频大全 】大家好!欢迎收看minecraft我的世界大橙子的解密视频,今天大橙子给我们带来的这张解密地图名字叫做简单的找按钮!在这个愉快的周六,和我一起先从看看大橙子带来的休闲解密简单的找按钮开始吧!废话不多说,开始看视频吧! 休闲寻找

编辑:我的世界发布时间: 09:35

}

本课程为收费课程,请先购买当前课程

本课程为会员课时,请先开通会员

本课程为会员课时,您的会员账号已经过期

本课程为会员课时,您的会员账号已被禁用

章未解锁,暂无观看权限

拼团未完成,暂无观看权限

购买未完成,暂无观看权限

发表评论的小伙伴,每周都有机会获得讲师会员卡~~~

正在打包,请勿关闭和刷新页面

下一节课程:学习的重要性 (02:59)

}

我要回帖

更多关于 按钮代码 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信