相关疑难解决方法(0)

我有一个我建立的jquery滑块,基本上只有三个pannels通过应用负的左CSS值滑动.效果很好,但我在一张幻灯片中有一个youtube视频,当我滑动时它不会停止.我尝试过display:none和Visibility:hidden除了IE以外都可以使用,音频一直在IE浏览器中.

有一种简单的方法可以用jquery杀死视频吗？

我正在创建一个带有bootstrap的网站,可以在这里找到 - http://www.branchingouteurope.com/digital-spark-testing/

如果选择视频图像,您将看到一个模态窗口,打开一个YouTube视频.我遇到的问题是当模态窗口关闭时,视频会继续播放.我希望在模态窗口关闭时停止播放此视频.

我看过网上看了很多解决方案,但似乎都没有.这是标记......

<span class="main_video">
<div data-toggle="modal" data-target="#myModal" style="cursor:pointer">
<img src="img/master/video.fw.png" height="81%" width="60%" alt="Digital Spark Video"/>
</div>
</span>

<div class="modal-dialog">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  </div>
  <div class="modal-body">
  <iframe width="100%" height="100%" src="//www.youtube.com/embed/sIFYPQjYhv8?rel=0" frameborder="0" allowfullscreen></iframe>
  </div>
</div>

`

我有一个带有文本'观看视频'的播放图像,当点击时会打开一个引导模态窗口来播放我放入的视频.我已经有了moday视图可以工作.我遇到的问题是当我播放视频并在播放时退出屏幕时,视频继续在后台播放.如果我再次点击观看视频链接,它将播放之前停止的视频.

当模态窗口关闭时,我需要停止视频.然后,我需要在下次单击"观看视频"链接时从头开始播放视频.我还是新手,我不知道该怎么做.谁知道我怎么能做到这一点？

<div class="col-md-12 f-play" data-toggle="modal" data-target="#myModal">
    <img class="f-play-image" src="images/play.svg" data-target="#myModal" data-video-fullscreen="">Watch video
</div>

<div id="myModal" class="modal fade" role="dialog" tabindex='-1'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div class="embed-responsive embed-responsive-16by9">
                    <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/7pvci1hwAx8?" allowfullscreen="" width="640" height="360" frameborder="0"></iframe>
                 </div>
             </div>
             <div class="modal-footer">
                 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
             </div>

        </div>
    </div>
</div>

这是我的标记。我不确定关闭模式时需要做什么才能让视频停止播放。它在 chrome 中停止正常播放，但在 firefox 中视频继续在后台播放。

    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-body">

            <iframe id="iframeYoutube" width="854" height="480"  src="https://www.youtube.com/embed/TFpFJeWOvZg?rel=0" frameborder="0" allowfullscreen></iframe> 

          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          </div>
        </div>
      </div>
    </div>

<script>
  $(document).ready(function(){
  $("#myModal").on("hidden.bs.modal",function(){
    $("#iframeYoutube").attr("src","#");
  })
})

function changeVideo(vId){
  var iframe=document.getElementById("iframeYoutube");
  iframe.src="https://www.youtube.com/embed/"+vId;

  $("#myModal").modal("show");
}
</script>