一、 问题概述

在用视频播放器时我们三天两头会遇到视频弹窗关闭后视频还在播放的情况。这无疑会给用户体验带来困扰。下面我们就来探讨一下怎么解决这玩意儿问题。

二、问题琢磨

先说说我们来kan一下问题的根源。Nengkan到播放器上并没有沉置视频的按钮， 而且这里需要的是通过点击div class= video-bg 的灰色背景层来实现关闭弹窗的，代码如下：.点击关闭弹窗的功Neng实现了但是在关闭弹窗之后就找到问题了：点击关闭弹窗之后虽然视频弹窗关闭了但是视频还在播放，虽然没有视频内容，但是还是听的到视频的声音，这点在用户体验上就hen不友优良了....

三、解决方案探讨

针对这玩意儿问题，我们Neng尝试以下两种解决方案：

方案一：沉新鲜load材料

这种方法比比kan简洁，但是在安卓下不适用。具体实现方法是：在视频播放收尾后用video.addEventListener{ video.load; },false);来沉新鲜加载视频材料。

方案二：沉置视频的播放地址

这种方法在ios和安卓设备上douNeng生效。具体实现方法是：在关闭弹窗后沉置视频的播放地址。代码如下：vi..._html video播放完后沉置 video视频在收尾之后回到初始状态 版权目前尝试了两种解...

四、 实际应用

在实际应用中，我们Neng根据实际情况选择合适的解决方案。比方说在安卓设备上，我们兴许需要用方案二；而在ios设备上，方案一和方案二douNeng考虑。

解决视频弹窗关闭后视频仍在播放的问题，我们Neng通过沉新鲜load材料或沉置视频的播放地址来实现。在实际应用中，我们需要根据具体情况进行选择。

六、相关文档

版权全部 © 2023 腾讯公司