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

Question

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

我的问题是，点击 remove 链接后​​，是否可以删除 video ？？

我试过了

$(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 (in promise) DOMException: The play() request was 被新的加载请求中断。

这是我的小提琴

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