新しいロード要求によってplay（）リクエストが中断されました

Question

ユーザーが入力タイプのファイルコンポーネントを使用してビデオを追加できるHTML5ビデオタグがあります。

私の質問は、のクリックでリンクを削除することで、それはビデオを削除するpossibeあります？

私は私がすべてのMP4ビデオをアップロードし、以下のフィドル

1. で問題を再現するために

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

   ステップ

   を取得していますそうすることによって

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

   として試してみました

2. をクリック
[削除]リンクを繰り返しステップ1

サーバーコンソールでは、私は

VM79を取得しています：56Uncaught（約束で）のDOMException：遊び（）要求は、新たなロード要求によって中断 ました。

これは、あなたがどのようにこの問題を解決する方法を教えてもらえ

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