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 相关文章推荐
仿猪八戒网左下角的文字滚动效果
Oct 28 Javascript
cookie中的path与domain属性详解
Dec 18 Javascript
js实现鼠标移到链接文字弹出一个提示层的方法
May 11 Javascript
JavaScript获取URL汇总
Jun 08 Javascript
JS实现带鼠标效果的头像及文章列表代码
Sep 27 Javascript
Angular-Ui-Router+ocLazyLoad动态加载脚本示例
Mar 02 Javascript
超简单的Vue.js环境搭建教程
Mar 17 Javascript
bootstrap table实现点击翻页功能 可记录上下页选中的行
Sep 28 Javascript
实例讲解javascript实现异步图片上传方法
Dec 05 Javascript
AngularJS日期格式化常见操作实例分析
May 17 Javascript
Vue中的组件及路由使用实例代码详解
May 22 Javascript
node获取客户端ip功能简单示例
Aug 24 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
剧场版动画《PSYCHO-PASS 3 FIRST INSPECTOR》3月27日日本上映!
2020/03/06 日漫
第十节--抽象方法和抽象类
2006/11/16 PHP
PHP获取文件行数的方法
2015/06/10 PHP
laravel自定义分页的实现案例offset()和limit()
2019/10/15 PHP
Laravel框架实现即点即改功能的方法分析
2019/10/31 PHP
JS 文件大小判断的实现代码
2010/04/07 Javascript
jQuery操作Select选择的Text和Value(获取/设置/添加/删除)
2013/03/06 Javascript
Jquery图片滚动与幻灯片的实例代码
2013/04/08 Javascript
jQuery之尺寸调整组件的深入解析
2013/06/19 Javascript
JS 新增Cookie 取cookie值 删除cookie 举例详解
2014/10/10 Javascript
基于javascript实现精确到毫秒的倒计时限时抢购
2016/04/17 Javascript
Js实现京东无延迟菜单效果实例(demo)
2017/06/02 Javascript
JS获取鼠标坐标并且根据鼠标位置不同弹出不同内容
2017/06/12 Javascript
认识less和webstrom的less配置方法
2017/08/02 Javascript
微信小程序template模板实例详解
2017/10/27 Javascript
浅谈微信JS-SDK 微信分享接口开发(介绍版)
2018/08/15 Javascript
Vue 莹石摄像头直播视频实例代码
2018/08/31 Javascript
三剑客:offset、client和scroll还傻傻分不清?
2020/12/04 Javascript
如何使用原生Js实现随机点名详解
2021/01/06 Javascript
详解实现vue的数据响应式原理
2021/01/20 Vue.js
Python def函数的定义、使用及参数传递实现代码
2014/08/10 Python
详解Python中的__getitem__方法与slice对象的切片操作
2016/06/27 Python
python3+requests接口自动化session操作方法
2018/10/13 Python
python3字符串操作总结
2019/07/24 Python
Python基于pandas绘制散点图矩阵代码实例
2020/06/04 Python
python 实现图片修复(可用于去水印)
2020/11/19 Python
selenium与xpath之获取指定位置的元素的实现
2021/01/26 Python
世界上最悠久的自行车制造商:Ribble Cycles
2017/03/18 全球购物
北欧最好的童装网上商店:Babyshop
2019/09/15 全球购物
广州迈达威.net面试题目
2012/03/10 面试题
策划主管的工作职责
2013/11/24 职场文书
生产车间主管岗位职责
2013/12/28 职场文书
森林防火标语
2014/06/23 职场文书
民事二审代理词
2015/05/25 职场文书
Python中可变和不可变对象的深入讲解
2021/08/02 Python
IDEA中sout快捷键无效问题的解决方法
2022/07/23 Java/Android