Question

你好我有一个带有抽搐iframe的模态，里面有一条流。我需要的是当我关闭模态时它会重置或暂停抽搐流。因为当我现在关闭它然后流继续播放，它应该只播放声音/视频，当模态打开。

代码：

<div id="myModal@(PredictioItems.Id)" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">@PredictioItems.GetPropertyValue("teamvsteam")</h4>
            </div>
            <div class="modal-body">
                <p>@PredictioItems.GetPropertyValue("predictdescription")</p>
                <hr />
                <h4>Game stream</h4>
                <div>
                    <iframe width="100%" height="350" frameborder="0" scrolling="no" src="@PredictioItems.GetPropertyValue("livestream")"></iframe>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

Answer 1

最简单的方法是在modal.close（）和modal.open（）上删除iframe，如下例所示：

var iframe = "<iframe width="100%" height="350" frameborder="0" scrolling="no" src="@PredictioItems.GetPropertyValue("livestream")"></iframe>";
var close = function(){
 $(".some-container").find("iframe").remove();
}
var open = function(){
 $(".some-container").html(iframe);
}

Answer 2

我把它固定了！只用.toggle（）替换.remove（）就行了！非常感谢您的时间！

这是我需要的剧本：

$('.modal').each(function () {
        var src = $(this).find('iframe').attr('src');

        $(this).on('click', function () {
            $(this).find('iframe').toggle().attr('src', '');
            $(this).find('iframe').toggle().attr('src', src);
        });
    });
});

使用jquery添加iframe链接到bootstrap模式

2 个答案: