如何用JavaScript控制HTML5視頻？

我搜索了很多關於HTML5視頻的控制，我被困在控制與javascript.There視頻是在應用程序中的規則，你應該知道。如何用JavaScript控制HTML5視頻？

不會有隨時與瀏覽器的用戶交互。

我試圖做到的，是
1）打開視頻作爲全屏和播放視頻
2）當視頻結束時，關閉視頻和視頻會從屏幕，HTML內容消失將看到
3 ）視頻的顯示控制將不會始終顯示。

什麼是實現與JavaScript這種行爲的最簡單的方法？

2010-10-21 Myra

2）http://stackoverflow.com/questions/2954595/html5-video-callbacks – Martijn 2010-10-21 13:58:39

VideoJS是純CSS的視頻播放器，它是開源的。如果我要用HTML5解決這個問題，這是我唯一的選擇。

對於視頻的控制，VideoJS在開頭處的一些選項。

$("video").VideoJS({ 
     controlsbelow: false, 
     showControlAtStart: false 
});

對於全屏問題，我發現我自己的解決方案，我想與你分享。
由於我知道屏幕尺寸，所以我在所有內容的上方創建了一個面板。

.fullscreen { 
    width:1280px; 
    height:800px; 
    z-index:10001; 
    top:0; 
    left:0; 
    position:fixed; 
}

請注意，瀏覽器處於全屏模式，因此不要將其作爲視頻內容的正常全屏分辨率。

在我的視頻結束時我改變了知名度，隱藏（顯示：無）

$("video").bind("ended", function() { 
     $("#videoContainer").removeClass("fullscreen").addClass("hidden"); 
});

然後，兩個容器窗口和視頻內容變成全屏。謝謝大家。

2010-10-21 16:30:04 Myra

1）對於fullsreen：

2）也許你可以考慮用jQuery插件像和燈箱，可能像this

編輯會：和檢查@Mzialla的答案。

3）至於視頻播放器檢查了這一點：

祝你好運！

2010-10-21 13:58:42 Trufa

至於1這是真的，但不是不可能使it.As 2，這是我全屏不能改變。至於3，這是我發現的確切。你部分幫助了我。謝謝。+ 1 – Myra 2010-10-21 16:11:27

@Myra ok太棒了！對不起，我不能有更多的幫助！感謝您分享您自己的答案！祝你好運！ – Trufa 2010-10-21 17:34:17

要隱藏控件，只需忽略視頻元素上的控件屬性。

你可以進入全屏，例如當用戶點擊一個按鈕，但你不能在視頻以「結束」事件結束時退出全屏。

所以你不能將exitfullscreen與「結束」事件結合起來。

這似乎是在porpuse上進行的，以便您只能在用戶執行某些操作時進入和退出全屏。

2014-03-01 21:21:37 scootergrisen

回答