Javascript/jQuery-用占位符图像替换视频iframe

我有一个问题涉及到这段代码，这里非常有帮助的人回答了这个问题，但现在我有另一个稍微不同的问题。我有一个位于旋转木马幻灯片中的占位符图像，当单击该图像时，会被使用默认youtube iframe嵌入的youtube视频替换

我想做的是，当用户点击图像并播放视频后，当他们点击远离旋转木马幻灯片时，视频被嵌入其中（例如，通过点击旋转木马箭头或分页点），它会将其重置回视频显示前的状态

我希望这是有道理的。基本上，我需要帮助反向工程这段代码，以便在点击另一个元素/div时，视频再次被它的占位符图像替换

以下是HTML：

<div class="youtube_video">
<img src="img/video_poster_carousel.jpg" width="986" height="308">
<!-- <iframe width="986" height="555" src="https://www.youtube.com/embed/Wt_Ruy_ejPY?enablejsapi=1&list=PL027E2B6D9900A88F&showinfo=0&controls=1" frameborder="0" allowfullscreen></iframe> -->
</div>

还有Javascript：

  $(function() { 
    var videos  = $(".youtube_video");

        videos.on("click", function(){
            var elm = $(this),
                conts   = elm.contents(),
                le      = conts.length,
                ifr     = null;

            for(var i = 0; i<le; i++){
              if(conts[i].nodeType == 8) ifr = conts[i].textContent;
            }

            elm.addClass("player").html(ifr);
            elm.off("click");
        });
  });

$（函数（）{
var视频=$（“.youtube_视频”）；
videos.on（“单击”，函数（）{
var elm=$（此），
conts=elm.contents（），
le=连续长度，
ifr=null；
对于（var i=0；i，下面这一行实际上是一个innerHTML，这意味着您的img标记丢失了
您可能需要将IMG标记移出youtube_视频容器，并对youtube_视频容器和IMG标记执行隐藏和显示切换机制

elm.addClass("player").html(ifr);

嗯，你很可能是对的。我可能必须想出最简单、最快捷的方法来完成这项工作，而不是在这个后期进行太多的更改。谢谢。你说得没错！我将功能更改为更多的隐藏/显示切换方法，并且我能够比以前的方法轻松一百倍地完成我需要完成的工作。谢谢.有时候你只需要重新考虑一下。@MattPollard很高兴我能帮忙！！干杯！！
elm.addClass("player").html(ifr);