如何解决模态关闭时音频仍在播放
单击模式上的“ 关闭”按钮后,YouTube视频的音频仍然在后台播放。
当前代码
<button type="button" class="btn btn-primary btn-sm pull-right" data-original-title="Learn How to Use Communication Assistant " data-placement="bottom" data-toggle="modal" data-toggle="tooltip" data-target="#myModal">
<span class="glyphicon glyphicon-play" aria-hidden="true"></span>
</button>
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">How To Use Communication Assistant</h4>
</div>
<div class="modal-body">
<iframe width="560" height="315" src="https://www.youtube.com/embed/Yzi2I4blCoE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
当前输出
单击“关闭”按钮后,音频仍在后台播放。
预期产量
当我点击“ 关闭”按钮时,模式和视频都应关闭。
解决方法
您可以考虑尝试以下代码:
$("#myModal").on('hidden.bs.modal',function (e) {
$("#myModal iframe").attr("src",$("#myModal iframe").attr("src"));
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。