vue视频播放暂停代码


Posted in Javascript onNovember 08, 2019

vue中的视频播放

vue.js中引入video视频播放器

main.js中引入

import Video from 'video.js'
import 'video.js/dist/video-js.css'
Vue.prototype.$video = Video

html页面

<video id="vide" class="video-js v2 ani resize" autoplay :src="视频地址" type="video/mp4" @click="suspend" style="background-color:white;"></video>
 
export default {
  name: "TestTwo",
methods: {
suspend(){
      var vide=document.getElementById("vide");
      if(vide.paused){
       vide.play();
      }else if(vide.play()){
        vide.pause();
       }
     }
  }
}

以上这篇vue视频播放暂停代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 获取表单file全路径
Dec 31 Javascript
jQuery实现浮动层随浏览器滚动条滚动的方法
Sep 22 Javascript
老生常谈遮罩层 滚动条的问题
Apr 29 Javascript
BOM系列第一篇之定时器setTimeout和setInterval
Aug 17 Javascript
使用webpack搭建react开发环境的方法
May 15 Javascript
js中的 || 与 &amp;&amp; 运算符详解
May 24 Javascript
vue webpack开发访问后台接口全局配置的方法
Sep 18 Javascript
详解webpack引入第三方库的方式以及注意事项
Jan 15 Javascript
Vue 后台管理类项目兼容IE9+的方法示例
Feb 20 Javascript
Node 代理访问的实现
Sep 19 Javascript
JavaScript实现烟花绽放动画效果
Aug 04 Javascript
在 HTML 页面中使用 React的场景分析
Jan 18 Javascript
vue-dplayer 视频播放器实例代码
Nov 08 #Javascript
BootstrapValidator实现表单验证功能
Nov 08 #Javascript
vue项目中定义全局变量、函数的几种方法
Nov 08 #Javascript
Vue修改项目启动端口号方法
Nov 07 #Javascript
vue 父组件通过$refs获取子组件的值和方法详解
Nov 07 #Javascript
vue基本使用--refs获取组件或元素的实例
Nov 07 #Javascript
浅谈Vue中render中的h箭头函数
Nov 07 #Javascript
You might like
Yii2中DropDownList简单用法示例
2016/07/18 PHP
php微信浏览器分享设置以及回调详解
2016/08/01 PHP
php 使用fopen函数创建、打开文件详解及实例代码
2016/09/24 PHP
PHP使用preg_split()分割特殊字符(元字符等)的方法分析
2017/02/04 PHP
PHP实现打包下载文件的方法示例
2017/10/07 PHP
PHP count()函数讲解
2019/02/03 PHP
Add a Picture to a Microsoft Word Document
2007/06/15 Javascript
javascript 框架小结 个人工作经验
2009/06/13 Javascript
JS实现OCX控件的事件响应示例
2014/09/17 Javascript
浅谈jQuery异步对象(XMLHttpRequest)
2014/11/17 Javascript
javascript计时器详解
2015/02/28 Javascript
jquery表单验证插件formValidator使用方法
2016/04/01 Javascript
JS创建事件的三种方法(实例代码)
2016/05/12 Javascript
微信小程序使用slider设置数据值及switch开关组件功能【附源码下载】
2017/12/09 Javascript
Webpack的dll功能使用
2018/06/28 Javascript
Vue 之孙组件向爷组件通信的实现
2019/04/23 Javascript
[09:37]2018DOTA2国际邀请赛寻真——不懈追梦的Team Serenity
2018/08/13 DOTA
python登陆asp网站页面的实现代码
2015/01/14 Python
Python基于Tkinter的HelloWorld入门实例
2015/06/17 Python
python简单获取数组元素个数的方法
2015/07/13 Python
Python语言描述连续子数组的最大和
2018/01/04 Python
python多进程使用及线程池的使用方法代码详解
2018/10/24 Python
python requests post多层字典的方法
2018/12/27 Python
Python实现程序判断季节的代码示例
2019/01/28 Python
Python logging模块写入中文出现乱码
2020/05/21 Python
简单掌握CSS3中resize属性的用法
2016/04/01 HTML / CSS
Html5应用程序缓存(Cache manifest)
2018/06/04 HTML / CSS
意大利自行车商店:Cingolani Bike Shop
2019/09/03 全球购物
Lucene推荐的分页方式是什么?
2015/12/07 面试题
接受捐赠答谢词
2014/01/27 职场文书
2014初中数学教研组工作总结
2014/12/19 职场文书
慰问信格式
2015/02/14 职场文书
中国梦党课学习心得体会
2016/01/05 职场文书
浅谈react useEffect闭包的坑
2021/06/08 Javascript
详解JavaScript的计时器和按钮效果设置
2022/02/18 Javascript
Selenium浏览器自动化如何上传文件
2022/04/06 Python