帶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的互動視頻

回答

相關問題