用户是否可以设置Html视频元素的背景？

Question

当暂停视频时，最后一帧显示在元素中，我如何清除该元素，以便清除该帧，并显示元素的初始背景样式？

Answer 1

我通过查看示例代码得到了答案。关键是通过connection.close（）来停止传输，所以没有新的blob会来自发送者，并且将接收者的视频的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 
};