.play（）;不適用於HTML5媒體元素

Question

我正在使用一個小腳本來控制HTML5媒體。該腳本還沒有工作。

var $player = $(".controls").prev(); 
var $playbutton = $(".play-button"); 

$($playbutton).click(function() { 
    if ($($player).paused) { 
     $($player).play(); 
    } else { 
     $($player).pause(); 
    } 
}); 

Answer 1

嘗試使用$player.get(0)

var $player = $("#theVideo"); 
 
var $playbutton = $(".play-button"); 
 

 
$playbutton.click(function() { 
 

 
    var player = $player.get(0); 
 

 
    if (player.paused) { 
 
    player.play(); 
 
    } else { 
 
    player.pause(); 
 
    } 
 
});

.play()是針對DOM對象，而不是jQuery對象。