Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用YouTube视频启动和关闭jQuery Twitter引导模式?_Javascript_Jquery_Twitter Bootstrap_Youtube - Fatal编程技术网

Javascript 如何使用YouTube视频启动和关闭jQuery Twitter引导模式?

Javascript 如何使用YouTube视频启动和关闭jQuery Twitter引导模式?,javascript,jquery,twitter-bootstrap,youtube,Javascript,Jquery,Twitter Bootstrap,Youtube,我需要一个简单的演示如何从JavaScript启动和关闭YouTube视频(而不是锚定标签点击) 到目前为止,我可以很好地启动它,但在关闭它继续在后台播放 这是我的html: <div id="myModalThumbnail"><img src="http://placehold.it/250x150&text=Video%20Thumbnail"> </div> <div id="myModal" class="modal hide fad

我需要一个简单的演示如何从JavaScript启动和关闭YouTube视频(而不是锚定标签点击)

到目前为止,我可以很好地启动它,但在关闭它继续在后台播放

这是我的html:

<div id="myModalThumbnail"><img src="http://placehold.it/250x150&text=Video%20Thumbnail">
</div>

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    </div>
    <div class="modal-body">
        <iframe width="520" height="390" frameborder="0" allowfullscreen=""></iframe>
    </div>
</div>​
​ 以及:


下一步怎么办?

看来我所需要做的就是删除单击按钮上的
src
属性

$('#myModal button').click(function () {
    $('#myModal iframe').removeAttr('src');
});

jsfdle:

这是使用内置引导挂钩的引导3的更新版本

<script>
     $( document ).ready(function() {
       $('#audiomodal').on('hidden.bs.modal', function () {
            $( "audio" ).attr('src', '');
       });
     });
</script>

$(文档).ready(函数(){
$('#audiomodal').on('hidden.bs.modal',function(){
$(“音频”).attr('src','';
});
});

谢谢!我一直试图得到同样的东西并控制视频,但使用iframeapi时遇到了浏览器不兼容的问题。这感觉像是一个副作用,但到目前为止效果非常好。但当您按下escape键时,它仍然会为
esc
播放,添加如下内容:
$(document).keydown(函数(e){if(e.keyCode==27){$('#myModal iframe')。removeAttr('src');})查看此更新的fiddle:对我有效。有没有可能是一个fiddle或一个具有此功能的页面的url?祝你一切顺利,李。
<script>
     $( document ).ready(function() {
       $('#audiomodal').on('hidden.bs.modal', function () {
            $( "audio" ).attr('src', '');
       });
     });
</script>