Javascript 当用户点击远离视频时，如何停止视频？

我有两个隐藏的div，当您单击其中一个按钮时，我会将display none更改为display block，并使视频可以播放

  .row.hidden.overflowHidden(data-park="hollywood")
        .col2-3.title(style="padding:0px;")
          div(style="padding:27px;")
            h3 Get the star treatment!
            h2 Universal Studios Hollywood™
          //- .videoContainer.mobilehide
          //-   iframe( class="videoClass mobilehide" src='https://www.youtube.com/embed/xRUDijZgyHc?rel=0', frameborder='0', allowfullscreen='')
          div
            iframe( height="400" width="100%" src='https://www.youtube.com/embed/xRUDijZgyHc?rel=0', frameborder='0', allowfullscreen='')
        .details.col1-3
          div
            h4 You could win a 3-night trip for four.
            p Prize includes:
            ul
              li Round-trip airfare to Los Angeles, California 
              li Ground transportation between the airport and hotel in Los Angeles
              li General Admission tickets for four to Universal Studios Hollywood™ theme park
              li Hotel accommodations

这是其中一个视频示例，当我单击另一个链接时，它会将该块转回显示隐藏，并将下一个视频转到显示块。但是切换到“显示隐藏”的那个继续在后面播放

---

当用户单击下一个视频并将该视频切换回显示隐藏时，是否有任何方法可以停止该视频？

要停止播放视频，可以对其使用

pause（）

方法。如果还想将其倒带到开头，请使用

currentTime

属性

例如：

var video = document.getElementById("myVideoPlayer");
video.pause();
video.currentTime = 0;

---

要停止播放视频，可以对其使用

pause（）

方法。如果还想将其倒带到开头，请使用

currentTime

属性

例如：

var video = document.getElementById("myVideoPlayer");
video.pause();
video.currentTime = 0;

---

由于您的视频是嵌入式YouTube视频，您可以利用YouTube的

将？enablejsapi=1附加到嵌入链接：

src='https://www.youtube.com/embed/xRUDijZgyHc?rel=0&enablejsapi=1'

然后，从单击中跟踪最初在变量中单击的视频元素：

<>代码> //你可以考虑给你的IFRAME元素一个特定的ID或类来进行更精确的选择。 var player=document.getElementsByTagName（“div-iframe”）[0]

单击下一个视频时，请拨打：

player.pauseVideo();

---

由于您的视频是嵌入式YouTube视频，您可以利用YouTube的

将？enablejsapi=1附加到嵌入链接：

src='https://www.youtube.com/embed/xRUDijZgyHc?rel=0&enablejsapi=1'

然后，从单击中跟踪最初在变量中单击的视频元素：

<>代码> //你可以考虑给你的IFRAME元素一个特定的ID或类来进行更精确的选择。 var player=document.getElementsByTagName（“div-iframe”）[0]

单击下一个视频时，请拨打：

player.pauseVideo();

---

您能发布格式正确的代码吗？您能发布格式正确的代码吗？回答没有jQuery标记的问题时使用jQuery代码不是一个好主意。有些人会因此而否决你。谢谢你的呼吁！下次我会更加关注标签。不要等到下次，你现在可以编辑你的答案并提供一个普通的JavaScript答案。它只是

您的隐藏视频变量。pause（）

。如果愿意，也可以保留jQuery代码，但请注意它是用于jQuery的。欢迎来到SO，感谢您的贡献。谢谢，拉西尔！我更新了我的答案，使之更相关，希望能有所帮助。用jQuery代码回答没有jQuery标记的问题不是一个好主意。有些人会因此而否决你。谢谢你的呼吁！下次我会更加关注标签。不要等到下次，你现在可以编辑你的答案并提供一个普通的JavaScript答案。它只是

您的隐藏视频变量。pause（）

。如果愿意，也可以保留jQuery代码，但请注意它是用于jQuery的。欢迎来到SO，感谢您的贡献。谢谢，拉西尔！我更新了我的答案，使之更加相关，希望能有所帮助。