ビデオタグに問題があります。ビデオ通話終了後にポスターが表示されない

Question

ビデオ通話終了後、ビデオ通話開始前にポスターが表示されています。ビデオコンテナのポスターの代わりに黒い背景が見えます。

以下は、この目的で使用したhtmlタグです。

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

は、私はこのコード

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

このコードは動作し、バックのポスター画像をもたらしますが、私は更新せずにもう一度ビデオ通話を行っておりますとき、これに問題があると、「videoInput」のdivをリセットしようとしていますビデオを見せるためにポスターが消えていない。

Answer 1

ended eventListenerをvideo要素に追加し、ビデオ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();  
});