HTML視頻暫停，播放和刪除類

我試圖創建一個廣告橫幅，當頁面加載廣告橫幅播放時。廣告橫幅還具有播放和暫停按鈕功能，即當您單擊播放/暫停功能時，視頻播放和暫停。視頻播放完畢後，<div class="vid-banner"></div>更改類別，並替換爲圖像。我不是在jQuery的最大的，下面的鏈接是我在我要去的方向的一小段HTML視頻暫停，播放和刪除類

click here

$("#play-pause-btn").click, '#video-wall__content'(function(e){ 
    var video = $(this).get(0); 
    if (video.pause === false){ 
     video.pause(); 
    } else { 
     video.play(); 
    } 

    return false; 
});

}）。

P.S如果有人知道如何可以用角JS請爲我提供一個例子

來源

2014-11-02 NewKidOnTheBlock

退房this fiddle

我看到您在這裏的問題是與視頻事件預製。

我已經使用了HTML5視頻屬性暫停，（暫停是暫停視頻的方法）來觸發按鈕點擊。

它是不需要添加上

<a id="play-pause-btn" onClick="playPause">click me</a>

onclick屬性，因爲你正在使用它的id屬性

全JS已經觸發點擊事件：

var video = document.getElementById("video-wall__content"); 
$("#play-pause-btn").click(function(e){ 
    if(video.paused==true){ 
     console.log('video paused'); 
     //display banner on video stopping 
     video.play(); 
    }else{ 
     //hide banner 
     console.log('video played'); 
     video.pause(); 
    } 
}); 
video.addEventListener("ended", function(){ 
    console.log('video completed'); 
    //display banner on video ending 
});

看看media events reference list以充分利用視頻活動

來源

2014-11-02 12:06:56

HTML視頻暫停，播放和刪除類

回答

相關問題