当我关闭模式时,视频仍在背景中播放. 我试着解决这个问题,但行不通.我认为我的 playbook 不是真的,但我不知道 playbook 有什么问题.

<script>
    function ShowData(value) {
        document.getElementById("linkVideo").setAttribute('src', value);
        $('#modalVideo').modal('show');
    }
    
</script>

还有我的录像带

<div class="swiper-slide rounded container swiper-shadow" onclick="ShowData('my link video');">
                            <div class="item-heading">
                                <p class="text-truncate mb-0">
                                    2. my video
                                </p>
                                <br>
                                <br>
                                <br />
                                <p>
                                    <small>by</small>
                                    <small></small>
                                </p>
                            </div>
                            <div>
                                <img class="card-img-bottom" src="~/app-assets/images/elements/coverkioskM02.png" alt="Card image">
                            </div>
                        </div>

我的情态车

<div class="modal fade" id="modalVideo" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-centered modal-dialog-scrollable modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalCenterTitle">Video</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" Onclick="pauseVid()">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <center>
                    <video width="1280" height="720" controls autoplay  id="linkVideo" >
                    </video>
                </center>
            </div>
            <div class="modal-footer">

            </div>
        </div>
    </div>
</div>

感谢您的帮助

推荐答案

你可以停止hide.bs.modal事件的视频.

$('#modalVideo').on('hide.bs.modal', function(e) {
    document.getElementById("linkVideo").pause();
});

Javascript相关问答推荐

在JavaScript中检索一些文本

如何在表格上拥有水平滚动条,在正文页面上拥有垂直滚动条,同时还对html表格的标题使用位置粘性?

Angular material 拖放堆叠的牌副,悬停时自动展开&

使用useEffect,axios和useParams进行react测试

我们如何从一个行动中分派行动

Chromium会将URL与JS一起传递到V8吗?

在react JS中映射数组对象的嵌套数据

Websocket错误—有一个或多个保留位开启:reserved1 = 1,reserved2 = 0,reserved3 = 0

这个值总是返回未定义的-Reaction

如何在ASP.NET项目中使用Google Chart API JavaScript将二次轴线值格式化为百分比

将数组扩展到对象中

如何利用CSS中的隐藏元素实现平滑扩展和防止网格行间隙

自定义图表工具提示以仅显示Y值

基于产品ID更新条带产品图像的JavaScript命中错误

为列表中的项目设置动画

如何更改Html元素S的 colored颜色 ,然后将其褪色为原始 colored颜色

为什么我不能使用其同级元素调用和更新子元素?

Firefox的绝对定位没有达到预期效果

如何阻止外部脚本进入顶层导航

如何使用fltter_js将对象作为参数传递给javascrip?