Javascript 使用divs停止嵌入式视频

我的页面由一个浮动在div动画中的嵌入式视频组成，右上角有一个小X将其关闭，但当我点击小X时，它将继续播放，因为小X仅隐藏视频，将其发送回其原始位置，但我希望在发送回时使其静音

我尝试了各种组合，试图使用onClick将其删除到deleteVideo（），但没有任何效果

<script type="text/javascript">
  function deleteVideo() {
    document.getElementById('VideoPlayer').src = '';
  }
</script>

<a class="closeX" id="closeX" onclick="deleteVideo()";></a>

函数deleteVideo（）{
document.getElementById（'VideoPlayer'）.src=''；
}

我承认我在javascript和jQuery方面毫无用处，我甚至分不清两者的区别

原稿是这样的：

<div class="dark" id="dark" style="display:none;"></div>
<div class="box" id="box">
  <a class="closeX" id="closeX" onclick="deleteVideo()";></a>
  <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/video?;start=972&amp;end=1507" frameborder="0" allowfullscreen></iframe>
  <div id="Title">Video Title</div>

  <script type="text/javascript" src="jquery-1.3.2.js"></script>
  <script type="text/javascript">
    $(function() {
      $('#action').click(function(){
        $('#dark').fadeIn('fast',function(){
          $('#box').animate({'top':'120px'},500);
        });
      });

      $('#closeX').click(function(){
        $('#box').animate({'top':'-500px'},500,function(){
          $('#dark').fadeOut('fast');
        });
      });
    });
  </script>

视频标题
$（函数（）{
$（“#操作”）。单击（函数（）{
$（'#dark'）.fadeIn（'fast'，function（））{
$（#box'）。制作动画（{'top'：'120px'}，500）；
});
});
$（'#closeX'）。单击（函数（）{
$（'#box'）。动画（{'top'：'-500px'}，500，function（）{
$（“#暗”）.fadeOut（'fast'）；
});
});
});

我怀疑这最后一点放错地方了。它位于上面代码的下方

<script type="text/javascript">
  function deleteVideo() {
    document.getElementById('VideoPlayer').src='';
  }
</script> 

函数deleteVideo（）{
document.getElementById（'VideoPlayer'）.src=''；
}

---

如果有人能帮忙，我们将不胜感激。

您需要做两个小改动，现在就可以开始了：

更改1：向iframe标记添加一个

id

属性，如下所示

<iframe width="560" **id="VideoPlayer"** height="315" src="https://www.youtube-nocookie.com/embed/video?;start=972&amp;end=1507" frameborder="0" allowfullscreen></iframe>

---

您需要做两个小的更改，然后就可以开始了：

更改1：向iframe标记添加一个

id

属性，如下所示

<iframe width="560" **id="VideoPlayer"** height="315" src="https://www.youtube-nocookie.com/embed/video?;start=972&amp;end=1507" frameborder="0" allowfullscreen></iframe>

---

这段代码中没有id为

VideoPlayer

的代码，我用它来提供帮助，但我弄糊涂了：函数deleteVideo（）{document.getElementById（'VideoPlayer'）。src=''；}

加载视频

@ChrisJones，查看我的答案。它将解决问题。此代码中没有id为

VideoPlayer

的代码。我使用它来提供帮助，但我感到困惑：函数deleteVideo（）{document.getElementById（'VideoPlayer'）。src='''；}

LoadVideo

@ChrisJones，查看我的答案。它将解决这个问题。