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

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

下面是我用于此目的的html标记

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

---

这段代码可以正常工作并恢复海报图像，但问题是我再次执行视频通话时没有刷新页面。。海报不是为了显示视频而消失的

您可以通过向视频元素添加

end

eventListener，然后再次调用视频加载（）来完成此操作

下面是一个工作示例：

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>

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

---

您可以通过向video元素添加

end

eventListener，然后再次调用video load（）

下面是一个工作示例：

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>

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

---

确保HTML中的视频元素id与jQuery中的id匹配。我以前也尝试过这个解决方案。它不起作用。我还在chrome控制台中单独执行了这一行-video.load（）；我注意到海报在几秒钟内都是可见的，然后它消失了，在视频容器中留下了黑色背景视频=$（“#videoOutput”）[0]；我在chrome控制台中将此作为输出从视频元素中删除

autoplay

属性。通过删除autoplay属性，视频调用无法进行。请确保HTML中的视频元素id与jQuery中的id匹配。我以前也尝试过此解决方案。它不起作用。我还在chrome控制台中单独执行了这一行-video.load（）；我注意到海报在几秒钟内都是可见的，然后它消失了，在视频容器中留下了黑色背景视频=$（“#videoOutput”）[0]；我在chrome控制台中将其作为输出从视频元素中删除

autoplay

属性。通过删除autoplay属性，视频通话无法进行。