Блог

У меня есть тег видео 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:56 Не удалось выполнить (в обещании) DOMException: Запрос воспроизведения() был прерван новым запросом загрузки.

Это моя скрипка

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

Не могли бы вы , пожалуйста, сказать мне , как исправить эту проблему??

Попробуйте это и это сработает. Я также обновил вашу скрипку.

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