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

Question

我有一个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

在服务器控制台我得到

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

这是我的小提琴

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

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

Answer 1

试试这个和它的工作.我也更新了你的小提琴.

$(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();
});