Javascript 模式关闭后如何停止Iframe（视频）？

我在我的代码中遇到了一些问题，我在这个论坛上找到了一些解决方案，但不知何故，它对我没有帮助。所以也许你会发现如何解决它。我需要停止视频关闭后，它与交叉图标，也在点击模式。此外，如果这段视频在再次打开后从头开始，也会很酷

@font-face{
字体系列：“BebasNeue”；
src:url（“font/BebasNeue.otf”）；
}
*{
保证金：0；
填充：0；
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
-webkit字体平滑：抗锯齿；
-moz字体平滑：抗锯齿；
-o字型平滑：抗锯齿；
字体平滑：抗锯齿；
文本呈现：优化易读性；
}
：：选择{
背景：#f3df4b；/*WebKit/Blink浏览器*/
}
：-moz选择{
背景：#f3df4b；/*壁虎浏览器*/
}
html，正文{
身高：100%；
背景：#F8；/*旧浏览器的回退*/
}
h1{
文字装饰：无；
颜色：黑色；
字体系列：“BebasNeue”，无衬线；
字号：6rem；
字体风格：普通；
字体大小：正常；
字体变体：正常；
}
氢{
文字装饰：无；
颜色：黑色；
字体系列：“BebasNeue”，无衬线；
字体大小：3.5rem；
字体风格：普通；
字体大小：正常；
字体变体：小大写字母；
}
p{
字体系列：“BebasNeue”，无衬线；
字体大小：1.25rem；
字体风格：普通；
字体大小：正常；
字体变体：正常；
颜色：#111；
}
.包装纸{
最小高度：100%；
边缘底部：-50px；
}
.推{
高度：50px；
}
/*/////////菜单////////////*/
标题{
高度：100px；
显示：内联块；
位置：相对位置；
z指数：100；
宽度：100%；
}
.菜单盒{
宽度：100%；
溢出：隐藏；
位置：固定；
}
.menu\u box\u徽标{
浮动：左；
填充：20px 20px 20px 20px；
}
.菜单盒{
浮动：对；
填充：40px 0 20px 20px；
}
.菜单盒{
显示：内联；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
颜色：黑色；
字体系列：“BebasNeue”，无衬线；
字体大小：1.75rem；
字体风格：普通；
字体大小：正常；
字体变体：正常；
}
.菜单框a：悬停{
颜色：#F3DF4B；
}
.菜单框图标{
显示：无；
}
.菜单盒\u ul\u更多{
显示：无；
顶部：40px；
}
.menu\u box\u ul\u更多a{
显示：内联；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
颜色：黑色；
字体系列：“BebasNeue”，无衬线；
字体大小：1.25rem；
字体风格：普通；
字体大小：正常；
字体变体：正常；
}
.菜单框更多a:悬停{
颜色：白色；
}
@媒体屏幕和屏幕（最大宽度：826px）{
.菜单盒\u ul\u更多{
显示：无；
}
}
@媒体屏幕和屏幕（最小宽度：826px）{
.menu\u box\u ul\u more.show{
显示：无；
}
}
@媒体屏幕和屏幕（最大宽度：826px）{
.菜单盒{
显示：无；
}
.菜单框a.图标，
.菜单\框\语言{
显示：内联；
}
}
@媒体屏幕和屏幕（最大宽度：826px）{
.menu\u box\u ul\u more.show.图标{
位置：绝对位置；
右：0；
排名：0；
}
.menu\u box\u ul\u more.show{
背景色：#F8；
文本对齐：居中；
填充顶部：110px；
}
.菜单框显示更多信息{
显示：块；
}
}
#一张支票{
颜色：#F3DF4B；
}
.菜单图标{
显示：无；
}
/*容器-需要定位下拉内容*/
.集装箱{
边缘顶部：100px；
}
.下拉列表{
位置：相对位置；
显示：内联块；
}
/*下拉内容（默认情况下隐藏）*/
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#F8；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1000；
}
/*显示下拉菜单（当用户单击下拉按钮时，使用JS将此类添加到.dropdown内容容器）*/
.show{display:block；}
/*/////////索引////////////*/
.标志{
宽度：100%；
文本对齐：居中；
}
.文本{
显示：表格单元格；
垂直对齐：中间对齐；
文本对齐：居中；
宽度：100%；
填充：120px 20px 0px 20px；
保证金：自动；
宽度：50%；
}
.text1{
填充顶部：15px；
垫底：15px；
}
.text2{
填充顶部：15px；
垫底：15px；
}
.text2.h2{
字体系列：“BebasNeue”，无衬线；
字体大小：2.5rem；
字体风格：普通；
字体大小：正常；
字体变体：正常；
}
.text3{
填充顶部：15px；
垫底：15px；
}
.关于按钮{
填充顶部：15px；
垫底：15px；
线高：500px；
文本对齐：居中；
高度：500px；
}
.text3_span{
显示：内联块；
垂直对齐：中间对齐；
线高：正常；
}
.关于(读)(看){
线高：100px；
文本对齐：居中；
高度：100px；
边缘底部：60px；
边缘顶部：20px；
}
.text4_span{
显示：内联块；
垂直对齐：中间对齐；
线高：正常；
}
.按钮{
背景色：透明；
颜色：#F3DF4B；
边框：2px实心#F3DF4B；
边界半径：999px；
垫面：1米；
右侧填充：1.44em；
右侧填充：calc（1.44em-.2em）；
垫底：1米；
左侧填充：1.44em；
文本对齐：居中；
字号：500；
字体风格：普通；
字体大小：0.9375rem；
文本转换：大写；
字母间距：2米；
文字装饰：无；
大纲：无；
}
.按钮2{
背景色：透明；
颜色：#F3DF4B；
边框：2px实心#F3DF4B；
边界半径：999px；
垫面：1米；
右侧填充：1.44em；
右侧填充：calc（1.44em-.2em）；
垫底：1米；
左侧填充：1.44em；
文本对齐：居中；
字号：500；
字体风格：普通；
字体大小：0.9375rem；
文本转换：大写；
字母间距：2米；
文字装饰：无；
大纲：无；
左边距：20px；
}
.按钮3{
背景色：透明；
颜色：#F3DF4B；
边框：2px实心#F3DF4B；
边界半径：999px；
垫面：1米；
右侧填充：1.44em；
右侧填充：calc（1.44em-.2em）；
垫底：1米；
左侧填充：1.44em；
文本对齐：居中；
字号：500；
字体风格：普通；
字体大小：0.9375rem；
特克斯
$('.close-modal').click(function(){
    $('.your-iframe')[0].contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*');
});

var iframe = document.getElementById('youriframe');
iframe.src = iframe.src;

document.getElementById('some_frame_id').contentWindow.location.reload();