如何在H5页面中加入视频控制功能

 时间:2024-10-14 16:47:51

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

如何在H5页面中加入视频控制功能

3、舞台上通过工具条里的视频按钮添加了一个视频控件,给其命名为"a",其属性设置为:“隐藏播放按钮”为“否”,“隐藏控件”为“否”,“自动播放”为“否”,“点击后”为“切换播放暂停”。并给该视频控件添加行为两个跳转并停止的行为,触发条件分别为“视频开始和“视频结束”,分别跳转到第二帧和第三帧。如图:

如何在H5页面中加入视频控制功能

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

如何在H5页面中加入视频控制功能

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

如何在H5页面中加入视频控制功能
  • Axure中如何给图片或矩形命名?
  • VB如何将控件对齐网格
  • 用C# winform怎么做调查问卷
  • b站电脑端看直播怎么屏蔽弹幕
  • Dreamweaver插入面板怎么显示为水平插入栏?
  • 热门搜索
    许昌旅游 旅游法全文 湖北省旅游 台儿庄旅游 钦州旅游 保定旅游景点 广西北海旅游攻略 旅游网站模板 北京 旅游 中国优秀旅游城市