Twitter Boostrap:模式窗口在重新播放模式窗口后不播放视频
Twitter Boostrap : modal window not playing video after reopning the modal window
我有5个链接,可以在模态窗口中打开5个不同的视频,以下代码在模态窗口中播放视频,并在模态窗口关闭时停止视频。
但是,当我再次尝试打开同一个视频时,该视频在模式窗口中被禁用,不再可播放。有解决办法吗?
这是模式窗口代码和javascript以及下面的fiddle链接
我的小提琴
莫代尔
<div class="modal fade video2 advSearchModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="exampleModalLabel">Video 2</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="bs-example" data-example-id="responsive-embed-16by9-iframe-youtube">
<div class="embed-responsive embed-responsive-16by9">
<video class="embed-responsive-item" controls src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" type="video/mp4"> </video>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary">Send message</button> -->
</div>
</div>
</div>
</div>
JS-
$(document).ready(function() {
$(document).ready(function() {
$(".advSearchModal").on('hide.bs.modal', function(evt) {
var player = $(evt.target).find('video'),
vidSrc = player.prop('src');
player.prop('src', ''); // to force it to pause
player.prop('src', vidSrc);
});
});
});
我正在使用以下技巧来停止HTML5视频。pause()模式关闭时的视频,并设置currentTime=0;
$(".advSearchModal").on('hide.bs.modal', function(evt) {
$(evt.target).find('video').get(0).pause();
$(evt.target).find('video').get(0).currentTime = 0;
});
将currentTime = 0
设置为当您打开开始的视频播放模式时。
相关文章:
- YouTube作为弹出窗口在桌面版本上播放,但不在移动设备上播放
- Twitter Boostrap:模式窗口在重新播放模式窗口后不播放视频
- 当弹出窗口关闭时播放声音文件(谷歌扩展)
- 在jwplayer 5中单击播放时打开新窗口
- 如何在显示弹出窗口时播放弹出声音
- 关闭后,引导模式弹出窗口上的视频继续播放音频
- 播放HTML5视频时打开弹出窗口
- 当用户在播放音频时关闭窗口时显示警报
- 如何在模式弹出窗口关闭时停止 iframe 播放器(并停止播放)
- 仅在一个窗口中播放声音,该窗口使用javascript(可能是jquery)处于活动状态(在一个网站内)
- 如何在不制作另一个新选项卡或新浏览器窗口的情况下在同一网页中播放MPG视频/音频文件
- 革命滑块播放只有当滑块是可见的在浏览器窗口
- 如何关闭弹出窗口时,youtube视频上播放esc按钮按钮
- JavaScript可以播放附加到窗口对象的事件
- 如何在模态窗口中添加javascript来播放视频
- 我使用href从播放列表中调用视频,我如何在同一窗口中播放视频
- 当退出模态窗口时停止播放iframe视频
- 打开mp3播放器的新窗口,而不是新的选项卡
- Firefox插件从父窗口和iframe窗口播放视频
- Youtube播放器iFrame的高度和宽度=窗口大小