清晰的故事情节:创建自定义视频播放器的4个简单步骤

清晰的故事情节带有一个富媒体播放器，可以用来运行音频和视频，非常有效。然而，玩家控制音频音量，播放/暂停，进度条和重播与整张幻灯片相关。例如，当您单击时重放,整张幻灯片会再放一遍。

我们的一个客户想在幻灯片中嵌入视频，让他的学习者能够控制单个媒体元素独特的播放器设计．

客户还想让他的学习者在全屏模式下观看视频，并提供一个音频计时器。他还想让他的学习者能够调整视频的音量。默认情况下，清晰的故事情节中的视频播放器只有一个播放/暂停按钮和一个进度条与计时器．

我们使用HTML标签满足了这个复杂的需求。

现在让我们看看添加HTML5标签来创建自定义视频播放器到电子学习课程幻灯片的过程，一步一步。

步骤1:

创建一个视频文件夹和一个HTML文件。复制以下视频标签并粘贴到HTML文件中。同时，将视频文件放在同一个文件夹中。参考文献如下所示。

步骤2:

要把视频嵌入幻灯片，请去插入选项卡并选择插入Web对象和浏览创建的HTML文件Video-sample.html．

Srep 3:调整Web对象在屏幕上的位置。参考文献如下所示。

步骤4:现在，我们完成了“视频部分”。发布和预览相同的内容。

由于该播放器支持html5，它的外观和感觉取决于您使用的浏览器或设备。

这就是我们如何使用HTML标签创建一个自定义视频播放器。

如果你想有一个不同的设计，在互联网上有很多模板/资源。

有几件事你需要记住。

1. 请确保视频文件位于同一个文件夹中。
2. 您不能直接将媒体元素链接作为web对象插入到清晰的故事情节中。
3. 如果Web对象位于Internet或企业内网，则需要安全权限才能访问。
4. 无法看到或预览Web对象。要查看web对象，请打开publish“html”在兼容HTML5和“光盘发布”．或者，您需要将课程输出发布到FTP服务器/．

用HTML5标签创建我们自己的自定义视频播放器很容易。通过使用HTML5标签，你可以控制玩家的外观和感觉。希望你觉得这个博客有用。请随意分享你的观点。