Javascript，jQuery播放暫停按鈕以及href html5視頻

Question

我正在嘗試使href暫停以使用javascript播放HTML 5視頻，但我尚未成功，這是我的html：

<a href="" class="play-pause">play-pause</a> 

<video poster="bg.jpg" loop id="bg-vid"></video>

這是我的javascript（我對javascript沒有任何經驗，所以這是我對它的外觀的猜測，但它不起作用）

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

    return false;
});

Answer 1

除非您要使用一個暫停按鈕來控制多個視頻，否則您應該將播放暫停從類更改為ID：

<a href="" id="play-pause">play-pause</a>

另外，我還要在標簽中聲明點擊處理程序，而不是在運行時分配它：

<a href="" id="play-pause" onclick="playpause()">play-pause</a>

然后，在js中定義一個名為playpause()的函數，該函數playpause()調用$('#bg-vid').pause()或$('#bg-vid').play() 。