Возможно ли установить фон видеоэлемента Html, когда пользователь остановит его?

Question

При приостановке видео в элементе отображается последний кадр, как я могу очистить элемент, чтобы кадр был очищен, и будет показан начальный стиль фона элемента?

Answer 1

Я получил ответ, посмотрев пример кода. Ключ состоит в том, чтобы остановить передачу посредством connection.close(), чтобы от отправителя не появлялись новые капли, и чтобы установить src видео получателя на пустую строку.

var connection = new RTCPeerConnection({ iceServers: _iceServers }); 
... 
    // Close the connection between myself and the given partner 
    _closeConnection = function() { 
     if (_connection) { 
      _onStreamRemovedCallback(null, null); 

      // Close the connection 
      _connection.close(); 
     } 
    }, 
onStreamRemoved: function (connection, streamId) { 
      // todo: proper stream removal. right now we are only set up for one-on-one which is   why this works. 
      console.log('removing remote stream from partner window'); 

      // Clear out the partner window 
      var otherVideo = document.querySelector('.video.partner'); 
      otherVideo.src = ''; 
     } 

Answer 2

var vid = document.getElementById("myVideo"); 
vid.onpause = function() { 
    // change background color of element or add overlay to the element 
};