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 相关文章推荐
js中小数转换整数的方法
Jan 26 Javascript
jQuery实现在最后一个元素之前插入新元素的方法
Jul 18 Javascript
详解JavaScript中的属性和特性
Dec 08 Javascript
单行 JS 实现移动端金钱格式的输入规则
May 22 Javascript
vue中引用阿里字体图标的方法
Feb 10 Javascript
深入浅出理解JavaScript高级定时器原理与用法
Aug 02 Javascript
JQuery模拟实现网页中自定义鼠标右键菜单功能
Nov 14 jQuery
Vue插槽原理与用法详解
Mar 05 Javascript
JS面试题中深拷贝的实现讲解
May 07 Javascript
vant-ui AddressEdit地址编辑和van-area的用法说明
Nov 03 Javascript
对vue生命周期的深入理解
Dec 03 Vue.js
JavaScript中10个Reduce常用场景技巧
Jun 21 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
仿Aspnetpager的一个PHP分页类代码 附源码下载
2012/10/08 PHP
利用PHP自动生成印有用户信息的名片
2016/08/01 PHP
php封装的page分页类完整实例
2016/10/18 PHP
php中namespace及use用法分析
2016/12/06 PHP
Extjs 几个方法的讨论
2010/01/28 Javascript
读jQuery之三(构建选择器)
2011/06/11 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
2014/09/26 Javascript
深入理解JavaScript系列(29):设计模式之装饰者模式详解
2015/03/03 Javascript
限制复选框最多选择项的实现代码
2016/05/30 Javascript
jQuery+CSS实现简单切换菜单示例
2016/07/27 Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
2016/10/11 Javascript
JQueryEasyUI之DataGrid数据显示
2016/11/23 Javascript
Vuejs 页面的区域化与组件封装的实现
2017/09/11 Javascript
微信小程序--获取用户地理位置名称(无须用户授权)的方法
2019/04/29 Javascript
微信小程序实现拍照画布指定区域生成图片
2019/07/18 Javascript
浅谈Vue3.0之前你必须知道的TypeScript实战技巧
2019/09/11 Javascript
javascript数组的定义及操作实例
2019/11/10 Javascript
vue中实现弹出层动画效果的示例代码
2020/09/25 Javascript
[02:42]决战东方!DOTA2亚洲邀请赛重启荣耀之争
2017/03/17 DOTA
Python实现简单状态框架的方法
2015/03/19 Python
利用python numpy+matplotlib绘制股票k线图的方法
2019/06/26 Python
flask框架路由常用定义方式总结
2019/07/23 Python
树莓派安装OpenCV3完整过程的实现
2019/10/10 Python
Python3标准库之functools管理函数的工具详解
2020/02/27 Python
基于Python制作一副扑克牌过程详解
2020/10/19 Python
Notino法国:购买香水和化妆品
2019/04/15 全球购物
阿迪达斯香港官网:adidas香港
2019/11/09 全球购物
美国知名的隐形眼镜电商:Contacts America
2019/11/19 全球购物
Ego Shoes官网:英国时髦鞋类品牌
2020/10/19 全球购物
自我反省检讨书
2014/01/23 职场文书
经济国贸专业求职信
2014/06/18 职场文书
大学生简短的自我评价
2014/09/12 职场文书
2015年酒店年度工作总结
2015/05/23 职场文书
2015年科学教研组工作总结
2015/07/22 职场文书
vue2实现provide inject传递响应式
2021/05/21 Vue.js
python通过函数名调用函数的几种方法总结
2021/06/07 Python