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




相关文章
|
存储 前端开发 JavaScript
实现鼠标悬停显示书名、作者和价格的悬浮提示框功能
实现鼠标悬停显示书名、作者和价格的悬浮提示框功能
|
JavaScript 前端开发
JavaScript:解决计算精度问题/mathjs/bignumber.js/big.js/decimal.js
JavaScript:解决计算精度问题/mathjs/bignumber.js/big.js/decimal.js
1786 0
|
JavaScript
ThreeJs通过DragControls实现物体拖动
这篇文章详细讲解了如何在Three.js中使用DragControls实现3D物体的鼠标拖动功能。
526 1
ThreeJs通过DragControls实现物体拖动
|
JavaScript
vue2路由懒加载解决import引入报错问题
本文介绍了在Vue2项目中实现路由懒加载的方法,并解决了使用import语句进行懒加载时报错的问题。通过安装`babel-plugin-syntax-dynamic-import`插件并在项目的`.bablerc`文件中配置,可以成功实现路由组件的按需加载。同时,文章还提到了使用`webpackChunkName`为懒加载的组件指定单独的chunk名称,以避免所有组件被打包到同一个js文件中。
924 4
|
开发框架 前端开发 JavaScript
【Uniapp 专栏】Uniapp 中的动画效果实现与特性
【5月更文挑战第13天】Uniapp是一款跨平台开发框架,提供丰富的动画效果以提升用户体验和应用吸引力。基于CSS和JavaScript动画,支持转场、元素等多种动画类型,确保跨平台一致性并优化性能。通过CSS属性或JavaScript库实现动画,结合页面布局和手势操作,创造沉浸式交互。通过调试和优化,开发者可打造惊艳效果,适应未来技术发展,提升应用竞争力。
1198 1
【Uniapp 专栏】Uniapp 中的动画效果实现与特性
|
机器学习/深度学习 人工智能 自然语言处理
技术小白能看懂的ChatGPT原理介绍
网上有关 ChatGPT 的原理介绍文章一大堆,要么是从 NLP 的历史开始讲起,要么是上数 GPT 3 代,内容都相对冗长和复杂。其实 ChatGPT 的原理并不难理解,我将以最通俗易懂的方式为技术小白解读,帮助大家更好地了解这一技术
940 1
技术小白能看懂的ChatGPT原理介绍
|
JavaScript 前端开发 API
深入理解vue组件生命周期,你一定要看到最后,最后有深入探讨
深入理解vue组件生命周期,你一定要看到最后,最后有深入探讨
579 0
|
安全 测试技术 iOS开发
无需付费证书通过Xcode进行安装调试
无需付费证书通过Xcode进行安装调试
624 0
|
JavaScript
第18节:Vue3 数组和集合的注意事项
第18节:Vue3 数组和集合的注意事项
316 0
|
小程序
微信小程序 - 自定义组件支持外部class或者style样式 (Component - externalClasses)
微信小程序 - 自定义组件支持外部class或者style样式 (Component - externalClasses)
1177 0
微信小程序 - 自定义组件支持外部class或者style样式 (Component - externalClasses)