play()请求被新的加载请求中断

时间:2016-10-20 08:15:57

标签: jquery

我有一个HTML5视频标签,用户可以通过输入类型文件组件添加视频。

我的问题是,点击删除链接后,是否可以删除视频 ??

我试过

$(document).on("click", ".removepic", function(event)
{
        $("#somevideo").val('');
         var player = document.getElementById("video");
          var currentVID = document.getElementById('currentVID');
      //  currentVID.setAttribute('src', '');
         currentVID.setAttribute('src', '');
        player.load();
        player.play();
});

通过这样做我得到了

Uncaught (in promise) DOMException: The play() request was interrupted by a new load request.playlocalVID @ VM79:56onchange @ VM716:91

在下面的小提琴中重现问题的步骤

  1. 上传任何mp4视频
  2. 点击删除链接
  3. 重复步骤1
  4. 在服务器控制台中我得到了

      

    VM79:56Uncaught(在promise中)DOMException:play()请求是   被新的加载请求打断。

    这是我的小提琴

    https://jsfiddle.net/q3hhk17e/30/

    你能告诉我如何解决这个问题吗?

1 个答案:

答案 0 :(得分:5)

试试这个及其工作原理。我也更新了你的小提琴。

$(document).on("click", ".removepic", function(event)
{
        $("#somevideo").val('');
         var player = document.getElementById("video");
         player.pause();
         var currentVID = document.getElementById('currentVID');
         currentVID.setAttribute('src', '');
        player.load();
       // player.play();
});