如何在ipad上启动HTML5课程时隐藏播放按钮

吉姆被分配使用清晰的故事线开发的在线课程。该课程是基于HTML5发布的，当他试图在iPad上打开同样的内容时，他看到了一个带有播放按钮的“过渡”页面，这是在课程完全加载之前。吉姆想知道为什么页面会出现，并联系了他的培训经理迪克。迪克要求他的电子学习开发人员隐藏这个页面。

许多学习者在ipad上启动基于html5的课程时也面临着同样的体验。这是因为iOS不支持HTML5媒体(音频和视频)标签的自动播放属性。如果没有用户交互，带有音频或视频元素的网页就无法自行启动。

例如，考虑这个带有HTML5的页面。

这个页面包含的内容是自动播放时，球场在PC上打开。但是，当学习者在iPad上打开课程时，他必须手动操作。

以下是克服这个问题的步骤。

1.首先，发布你的课程。

2.

3.然后，搜索命名为player_compiled.js(最新版本)或storyline_compiled.js(旧版本）在移动文件夹并在HTML编辑器中打开。

4.

5.在编辑器中搜索下面截图中突出显示的代码片段，并复制它。

6.

7.在屏幕下方的文本后插入代码player.revealPostInterstitial();。

8.保存更改并关闭编辑器。

9.现在在iPad上启动课程。课程直接打开没有“播放”按钮页面。

请注意

1. 您正在编辑已发布的HTML5文件。因此，每次发布后都需要进行此更改。
2. 很多时候，电子学习开发人员在他们的在线课程中使用介绍视频。这可能会减慢课程的加载速度，因为整个视频必须被缓冲。

这样，你就可以禁用iPad上启动课程后出现的“播放”按钮。希望这篇文章对你有用。你在ipad上上课时遇到过什么问题吗?