我有一個HTML5視頻這是我的網站的背景，以及對視頻我正在把一些文字歡迎來樣等等等等等等.....檢測是否HTML5視頻播放或暫停以及顯示或隱藏一個div相應
最初的視頻無法播放，但是當用戶點擊播放按鈕，視頻將開始播放，在這裏我要淡出其正在顯示對視頻的文字。
當用戶點擊暫停時應該顯示文本，點擊播放時應該是淡出。這是故事:-)
我發現下面的東西
$("#player").get(0).paused
$("#player").get(0).play()
$("#player").get(0).pause()
但沒發現
$("#player").get(0).played
如何如果我的視頻播放或暫停檢測？我需要這樣的東西在下面進階
if(video == "playing"){
$("#introText").fadeOut();
else {$("#introText").fadeIn();}
}
謝謝...
要檢測您的視頻播放或沒有，你可以使用playing（或play）和pause事件，然後您可以顯示或隱藏文本：
HTML：
<video id="video">
<!-- your videos -->
</video>
JS：
$(function(){
var video = $('#video')[0];
video.addEventListener('playing', function(){
$('.text').fadeOut();
})
video.addEventListener('pause', function(){
$('.text').fadeIn();
})
})
您當然可以使用var來指示您的視頻狀態（播放與否），然後將其用於您的代碼的另一部分，而不是直接在您的事件處理程序中。
您可以看到此代碼工作here。
希望能有所幫助。
有一種「玩」的事件，當視頻開始播放時觸發，而「暫停」事件時，將觸發該視頻暫停。
或者，視頻播放時「已暫停」屬性將爲false，如果未播放，則爲「已暫停」屬性爲true。
爲什麼不只是點擊播放按鈕觸發事件？
$("button").click(function(){
$("#div1").fadeToggle();
})
這樣你不必檢測，只需切換文本。