带html5的互动视频

我是actionScript编程的新手。我知道一些HTML，我目前正在学习HTML5。我需要通过将HTML内容放入视频的特定时间来制作交互式视频。我会更加简明：带html5的互动视频

例如，我有一段长度为5分钟的视频，假设从第二个3:50到4:00我需要在视频上显示两个框，每个框代表一个选择。如果在3:50时视频显示观看者在两个路径中选择的可能性（视频告诉用户例如在这些路径中进行选择），则观看者可以通过点击其中一个路径来选择其中一个路径两个盒子将在该时间间隔出现。我知道这需要与标签和超链接。

我的问题是如何告诉html5视频播放器显示从分钟3:50到分钟4:00的画布，其中两个超链接将显示？

感谢您的关注我将非常感谢您的帮助。我需要一些指导，因为我一直在寻找很多天。

来源

2012-08-09 user1579702

我可能是错的，但我相信你的意思是javascript而不是actionscript。如果是这种情况，那么我肯定会检查出Video.JS。当你到达目前的时间，你触发你的方法/功能，它添加任何你想要的视频顶部。

var whereYouAt = myPlayer.currentTime（）;

但是，如果你的意思是动作，那么你正在使用flash播放器。因此，我建议你看看这个 Vimeo Player

currentTime：Number [只读（read-only）]返回视频的当前播放时间。

来源

2012-08-12 10:21:27

对于您的用例，您似乎希望能够通过互动跳转到视频中的不同时间来控制用户的视频流。

使用html5视频播放器寻找视频中的不同时间（使用currentTime），您可以在放置在视频顶部的框中创建点击事件，并设置单击该框的时间，方法如下：

// Jump 30 seconds into the video 
var time = '30'; 
var video = document.createElement('video'); 
video.src = "video.mp4"; 

// Set the time 
video.currentTime = time; 
video.play();

可以使用HTML5和JS看看我们是如何创建的interactive video authoring tool（开放源代码）并使用它。

如果您不想花时间编码交互式视频，则应通过此simple example查看H5P创作工具。您也可以在H5P.org上测试出自己的创建。该工具是完全免费的。

来源

2015-11-19 10:21:07

带html5的互动视频

回答

相关问题