Question

在视频通话结束后视频通话开始之前，海报最初可见，我可以在视频容器中看到黑色背景代替海报。

下面的

是我用于此目的的html标签。

<div id="videoSmall">
     <video id="videoInput" autoplay width="240px" height="180px" poster="img/webrtc.png"></video>
</div>

我尝试使用此代码重置“videoInput”div

var tag = $("#videoInput").clone();
$("#videoInput").replaceWith(tag);

此代码可以正常运行并带回海报图片，但问题是当我再次进行视频通话而不刷新页面时...海报不会消失以显示视频。

Answer 1

您可以将 ended eventListener添加到视频元素中，然后再次调用视频load（）。

以下是一个有效的示例：CodePEN

<强> HTML：

<video id="video" width="320" height="240" controls poster="http://www.w3schools.com/images/w3html5.gif">

  <source src="http://www.w3schools.com/html/movie.mp4" type="video/mp4">
  <source src="http://www.w3schools.com/html/movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

JavaScript / jQuery：

var video= $('#video')[0]; 
var videoNew= $('#video');        
videoNew.on('ended',function(){
    video.load();     
});

视频标签问题。视频通话结束后，海报不可见

1 个答案: