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 相关文章推荐
jquery中防刷IP流量软件影响统计的一点对策
Jul 10 Javascript
扩展JS Date对象时间格式化功能的小例子
Dec 02 Javascript
JavaScript定时显示广告代码分享
Mar 02 Javascript
不定义JQuery插件 不要说会JQuery
Mar 07 Javascript
js实现楼层效果的简单实例
Jul 15 Javascript
深入理解JS DOM事件机制
Aug 06 Javascript
JS设置CSS样式的方式汇总
Jan 21 Javascript
浅谈webpack4 图片处理汇总
Sep 12 Javascript
vue自定义指令用法经典实例小结
Mar 16 Javascript
layui实现数据表格点击搜索功能
Mar 26 Javascript
JavaScript实现密码强度实时验证
Mar 18 Javascript
element-ui中dialog弹窗关闭按钮失效的解决
Sep 22 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
PHP6 mysql连接方式说明
2009/02/09 PHP
MySQL 日期时间函数常用总结
2012/06/12 PHP
PHP获取栏目的所有子级和孙级栏目的ID号示例
2014/04/01 PHP
PHP+MySQL修改记录的方法
2015/01/21 PHP
Javascript 类与静态类的实现
2010/04/01 Javascript
jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍
2011/10/21 Javascript
点击显示指定元素隐藏其他同辈元素的方法
2014/02/19 Javascript
JS实现日期时间动态显示的方法
2015/12/07 Javascript
JavaScript实现三级级联特效
2017/11/05 Javascript
react实现菜单权限控制的方法
2017/12/11 Javascript
浅谈Node.js 中间件模式
2018/06/12 Javascript
bootstrap-table实现表头固定以及列固定的方法示例
2019/03/07 Javascript
基于JavaScript获取base64图片大小
2019/10/18 Javascript
JS造成内存泄漏的几种情况实例分析
2020/03/02 Javascript
vue + node如何通过一个Txt文件批量生成MP3并压缩成Zip
2020/06/02 Javascript
使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解
2020/06/10 Javascript
js实现简易点击切换显示或隐藏
2020/11/29 Javascript
python利用socketserver实现并发套接字功能
2018/01/26 Python
python3实现SMTP发送邮件详细教程
2018/06/19 Python
Python英文文章词频统计(14份剑桥真题词频统计)
2019/10/13 Python
Python单元测试模块doctest的具体使用
2020/02/10 Python
Django 项目布局方法(值得推荐)
2020/03/22 Python
Django admin 实现search_fields精确查询实例
2020/03/30 Python
Python中操作各种多媒体,视频、音频到图片的代码详解
2020/06/04 Python
Python3通过chmod修改目录或文件权限的方法示例
2020/06/08 Python
在keras中model.fit_generator()和model.fit()的区别说明
2020/06/17 Python
python调用私有属性的方法总结
2020/07/24 Python
您的健身减肥和健康饮食专家:vitafy
2017/06/06 全球购物
宝拉珍选英国官网:Paula’s Choice英国
2019/05/29 全球购物
高中竞选班长演讲稿
2014/04/24 职场文书
党员转正介绍人意见
2015/06/03 职场文书
运动会宣传稿100字
2015/07/23 职场文书
初中教务主任竞聘演讲稿(范文)
2019/08/20 职场文书
Python数据分析之pandas函数详解
2021/04/21 Python
MySQL 聚合函数排序
2021/07/16 MySQL
USB TYPE-C 或将成为所有智能手机充电标准
2022/04/21 数码科技