JavaScript - play（）请求被暂停呼叫中断（）

Question

我做了一个网站，如果用户点击，它应该播放视频。并点击它应该暂停，

每当我试图暂停它显示

Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause(). 

这里是我的plnkr

有人能帮助我吗？

我试图

setTimeout(function() { 
var item = $(".myVideosClick")[0];   
    if (!item.paused) { 
    item.pause(); 
    } 
}, 100); 

但它不是为我工作。

Answer 1

而不是setTimeout使用$timeout服务这是角度包装为setTimeout和它使用$scope.$apply里面。 另外，代替使用JQuery的click事件绑定使用ng-click指令。例如：

$scope.videoClickHandler = function(){ 
    //do on click logic 
} 

此外，你可以尝试做出更大的超时时间，300在我的情况下效果很好。