.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对象。