对话框关闭时 Metro UI 视频不会停止答案

【问题标题】：Metro UI video doesn't stop when dialog closes对话框关闭时 Metro UI 视频不会停止
【发布时间】：2016-03-20 00:58:58
【问题描述】：

我正在使用 Metro UI 模板，但在使用视频时出现对话框问题。当我关闭对话框时，视频会继续播放。

我的代码是：

<script>
function showDialog(id){
    var dialog = $("#"+id).data('dialog');
    if (!dialog.element.data('opened')) {
        dialog.open();
    } else {
        dialog.close();
    }
}
</script>

然后对话框被调用：

<div data-role="dialog" id="video" class="padding20" data-close-button="true" data-overlay="true" data-overlay-color="op-dark">
<h2>Title of Video</h2>

<video width="800px" controls="controls">
    <source src="videos/video.mp4" type="video/mp4">

    Your browser does not support the HTML5 Video element.
</video>

</div>

有谁知道我如何在对话框关闭时停止视频？

【问题讨论】：

标签： javascript html metro-ui-css

【解决方案1】：

好的，所以我已经设法解决了这个问题。

我将视频放在 iframe 中，然后在关闭对话框时使用我在此处找到的代码刷新 iframe http://www.codingforums.com/html-and-css/168580-refresh-iframe-without-page-refresh.html

【讨论】：