离开页面关闭video标签

简介: 离开页面关闭video标签
<video src="./play.mp4" id="maskmore_1" controls="controls" autoplay="autoplay"   loop="loop"  width="100%" height="100%"  >
 </video>
 <button @click="zanting">暂停</button>


methods: {
     zanting(){
        //暂停
        document.getElementById('maskmore_1').pause();
    }
}


我发现在vue脚手架中不同的版本,对视频标签的处理是不同的哈。


在vue脚手架2.0中。离开视频video标签。所在的页面。


视频标签会自动关闭。


但是在vue3.0的脚手架中却不会自动关闭

1425695-20200407215537676-1527084268.png




相关文章
|
1月前
|
前端开发 网络安全 数据库
使用layui弹框实现添加时,当添加成功之后如何进行关闭当前窗口刷新父页面的数据
使用layui弹框实现添加时,当添加成功之后如何进行关闭当前窗口刷新父页面的数据
|
8月前
|
Web App开发 移动开发 JavaScript
【前端用法】HTML5 Video标签如何屏蔽右键视频另存为的js代码以及如何禁用浏览器控件,Video 禁止鼠标右键下载
【前端用法】HTML5 Video标签如何屏蔽右键视频另存为的js代码以及如何禁用浏览器控件,Video 禁止鼠标右键下载
213 0
|
1月前
|
开发者
在用户关闭页面时,提示用户有内容未保存-论onbeforeunload事件的用法
在用户关闭页面时,提示用户有内容未保存-论onbeforeunload事件的用法
43 0
|
9月前
|
JavaScript 前端开发
video设置播放时间点及常用属性和方法
video设置播放时间点及常用属性和方法
|
12月前
|
小程序 前端开发 JavaScript
微信小程序分类菜单激活状态跟随列表滚动自动切换
微信小程序分类菜单激活状态跟随列表滚动自动切换
135 0
微信小程序分类菜单激活状态跟随列表滚动自动切换
|
11月前
element ui 上传图片之后跳转、刷新、保存,预览和删除丢失问题
这问题困惑了我好久,在官方的element ui 的组件库中,直接拿来使用的话,只有当前显示效果,一旦刷新页面或者保存之后,就会丢失,预览和删除功能。当保存后,保存到后端接口,再次查看,图片是能渲染出来,但是由于保存页面刷新,随之整个上传过程失败,而查看所拿到的图片只是一张静态图片,要想再次预览和查看,需要重新选中上传
172 0
|
JavaScript 前端开发
css:隐藏input file标签并触发点击上传文件事件
css:隐藏input file标签并触发点击上传文件事件
498 0
css:隐藏input file标签并触发点击上传文件事件
|
Android开发
加载loading对话框的功能(不退出沉浸式效果)
加载loading对话框的功能(不退出沉浸式效果)
62 0
uiu
|
JavaScript
【Svelte】-(7)绑定|Each 块绑定 / audio video 媒体标签绑定 / client offset 尺寸绑定 / this / 组件绑定
【Svelte】-(7)绑定|Each 块绑定 / audio video 媒体标签绑定 / client offset 尺寸绑定 / this / 组件绑定
uiu
83 0
【Svelte】-(7)绑定|Each 块绑定 / audio video 媒体标签绑定 / client offset 尺寸绑定 / this / 组件绑定
|
JavaScript
网页切出当前标签页时更改标题状态
网页切出当前标签页时更改标题状态
124 0