离开页面关闭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




相关文章
|
4月前
|
数据安全/隐私保护
动态切换EditText内容的显示
动态切换EditText内容的显示
35 2
|
7月前
|
开发者
在用户关闭页面时,提示用户有内容未保存-论onbeforeunload事件的用法
在用户关闭页面时,提示用户有内容未保存-论onbeforeunload事件的用法
126 0
|
JavaScript
js手机端长按选中文字执行事件
js手机端长按选中文字执行事件
|
小程序 前端开发 JavaScript
微信小程序分类菜单激活状态跟随列表滚动自动切换
微信小程序分类菜单激活状态跟随列表滚动自动切换
173 0
微信小程序分类菜单激活状态跟随列表滚动自动切换
element ui 上传图片之后跳转、刷新、保存,预览和删除丢失问题
这问题困惑了我好久,在官方的element ui 的组件库中,直接拿来使用的话,只有当前显示效果,一旦刷新页面或者保存之后,就会丢失,预览和删除功能。当保存后,保存到后端接口,再次查看,图片是能渲染出来,但是由于保存页面刷新,随之整个上传过程失败,而查看所拿到的图片只是一张静态图片,要想再次预览和查看,需要重新选中上传
261 0
uiu
|
JavaScript
【Svelte】-(7)绑定|Each 块绑定 / audio video 媒体标签绑定 / client offset 尺寸绑定 / this / 组件绑定
【Svelte】-(7)绑定|Each 块绑定 / audio video 媒体标签绑定 / client offset 尺寸绑定 / this / 组件绑定
uiu
110 0
【Svelte】-(7)绑定|Each 块绑定 / audio video 媒体标签绑定 / client offset 尺寸绑定 / this / 组件绑定
|
小程序 开发者
小程序__02--navigationBarTitleText配置子页面标题,依旧显示默认标题,子页面配置不显示
navigationBarTitleText配置子页面标题,依旧显示默认标题,子页面配置不显示
|
小程序
小程序之--动态设置页面标题 wx.setNavigationBarTitle
小程序之--动态设置页面标题 wx.setNavigationBarTitle
小程序之--动态设置页面标题 wx.setNavigationBarTitle
|
Web App开发 JavaScript iOS开发
求助,主页面通过iframe访问ngnix中的子页面,子页面中利用调用js方法判断localstonge中是否有值,ios不可用,关闭阻止跨网站追踪,safari可用
紧急求助,主页面通过iframe访问ngnix中的子页面,子页面中利用调用js方法判断localstonge中是否有值,ios不可用,关闭阻止跨网站追踪,safari可用
|
移动开发
h5 Video打开本地摄像头和离开页面关闭摄像头
h5 Video打开本地摄像头和离开页面关闭摄像头