问makah5 制作怎么自动播放 页面自动轮播设置方法

makah5 制作想要实现自动播放，核心就是在作品的页面属性里面开启自动翻页，同时可以设置每一页停留时长，还能单独给视频音频组件设置自动播放，这里要区分两个概念，一个是整份 H5 页面自动轮播翻页，另一个是页面里面的视频音乐自动播放，很多新手容易把这两项设置混在一起，设置完页面轮播之后，音频视频依旧不会启动，就是因为没有单独开启组件的自动播放选项，另外还要注意浏览器的限制规则，移动端和电脑端浏览器默认会拦截没有用户交互的音频自动播放，就算在 makah5 里面勾选自动播放，部分手机浏览器仍然会静音或者禁止出声，这个属于浏览器安全策略，不是 makah5 本身的 bug。

为什么自动播放经常失效

makah5 制作完成之后自动播放失效，主要有三类原因，第一是没有开启全局自动翻页，第二是音频视频组件没有勾选自动播放，第三就是浏览器自动播放限制，现代浏览器为了防止广告突然发声，规定页面没有用户点击进入的时候，音频默认不能出声，H5 作品分享打开之后，如果是直接加载，没有用户首次点击动作，声音组件就会被拦截，这个规则在微信内置浏览器里面同样存在。还有一种情况，设置的翻页时间太短，页面动画还没跑完就切到下一页，看起来就像自动播放不正常。

整份 H5 页面自动翻页设置步骤

1 打开 makah5 编辑器，载入已经做好的 H5 工程文件

2 在编辑器右侧或者顶部找到作品设置或者页面设置面板

3 找到自动翻页选项，把开关切换为开启状态

4 设置单页停留时间，单位一般是秒，根据每页动画时长调整数值

5 可以按需选择是否开启循环播放，也就是最后一页播放完成之后回到第一页继续轮播

6 保存工程，预览测试，在手机端和电脑端分别查看翻页节奏

页面内音频视频组件自动播放设置步骤

1 在 makah5 画布选中已经添加好的音频或者视频组件

2 打开组件属性面板，找到自动播放选项，勾选启用

3 如果是背景音乐，可以选择是否循环，是否页面切换之后继续保留播放

4 视频组件可以额外设置静音自动播放，这个模式可以绕过浏览器有声自动播放限制

5 设置完成保存，预览检查组件加载之后是否自动启动

两种自动播放模式对比表

进阶优化要点

如果 makah5 制作的 H5 需要带声音自动播放，可以采用首屏引导点击方案，也就是第一页放置一个点击进入按钮，用户点击之后，既触发页面加载，同时解锁音频自动播放，这个方案是目前兼容微信浏览器最稳妥的办法。还可以给每一页单独设置停留时长，不是所有页面统一时间，文字多的页面设置更长停留，动画短的页面缩短时间。另外如果开启自动翻页之后，用户手动滑动翻页，有的版本会重置计时，需要留意版本的行为逻辑，发布之前多预览几遍。

总结

makah5 制作自动播放分为全局页面自动翻页和音视频组件自动播放两大块，全局翻页在作品设置里面开启并且设置停留秒数，音视频素材在组件属性勾选自动播放，有声自动播放受浏览器安全策略限制，想要稳定出声最好搭配首屏点击解锁，设置完成之后一定要手机预览验证，确认翻页节奏和声音都符合预期，再正式发布分享。

【常见问题】

问题 1 makah5 制作自动播放为什么打开之后没有声音

回答 1 makah5 制作自动播放没有声音，大多是浏览器拦截有声自动播放，虽然组件已经勾选自动播放，但是页面没有用户首次点击交互，微信浏览器会禁止音频启动，可以改成静音视频自动播放，或者增加首屏点击按钮解锁声音。

问题 2 makah5 制作自动播放可以设置每页不一样的停留时间吗

回答 2 makah5 制作自动播放支持单页独立停留时长，不需要全部页面统一秒数，在单页页面属性里面单独设置时间，适合文字长短差异比较大的 H5 作品。

问题 3 makah5 制作自动播放结束之后能不能从头循环

回答 3 makah5 制作自动播放开启循环选项之后，最后一页播放完成会自动跳回第一页继续轮播，适合展会大屏演示类 H5 作品，这个选项在全局自动翻页设置里面。

问题 4 makah5 制作自动翻页之后用户手动滑动会打断吗

回答 4 makah5 制作自动翻页开启之后，用户手动滑动翻页一般会重置当前页面的计时，下一页会按照新的计时重新开始自动切换，不同版本编辑器行为略有差异，发布前建议预览确认。

【免责申明】

本文基于 makah5 编辑器常规功能进行说明，软件版本更新之后，设置入口名称和功能规则可能发生变动，浏览器自动播放策略也会持续调整，所有操作请以当前 makah5 官方编辑器实际界面为准，本文不保证所有手机和浏览器都可以实现有声自动播放，因浏览器策略或者版本差异造成的异常，由使用者自行承担。