JavaScript - play（）请求被pause（）调用中断

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的Angular包装器，并且内部使用$scope.$apply。 此外，不要使用JQuery click事件绑定使用ng-click指令。例如：

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

此外，您可以尝试进行更大的超时，300在我的情况下运作良好。