Javascript 如何使用YouTube视频启动和关闭jQuery Twitter引导模式?
我需要一个简单的演示如何从JavaScript启动和关闭YouTube视频(而不是锚定标签点击) 到目前为止,我可以很好地启动它,但在关闭它继续在后台播放 这是我的html: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
<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>