快捷導(dǎo)航

vue視頻播放暫停代碼

更新時(shí)間：2019年11月08日 08:51:07 作者：Liberal_w

今天小編就為大家分享一篇vue視頻播放暫停代碼，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧

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視頻播放暫停代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

前端vue3中的ref與reactive用法及區(qū)別總結(jié)
這篇文章主要給大家介紹了關(guān)于前端vue3中的ref與reactive用法及區(qū)別的相關(guān)資料,關(guān)于ref及reactive的用法,還是要在開發(fā)中多多使用,遇到響應(yīng)式失效問題,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-08-08
vue卡片式點(diǎn)擊切換圖片組件使用詳解
這篇文章主要為大家詳細(xì)介紹了vue卡片式點(diǎn)擊切換圖片組件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-06-06
vue實(shí)現(xiàn)移動端懸浮窗效果
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)移動端懸浮窗效果，vuejs實(shí)現(xiàn)div拖拽移動，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-12-12
分享12個(gè)Vue開發(fā)中的性能優(yōu)化小技巧(實(shí)用!)
一般來說,你不需要太關(guān)心vue的運(yùn)行時(shí)性能,它在運(yùn)行時(shí)非?？?但付出的代價(jià)是初始化時(shí)相對較慢,下面這篇文章主要給大家分享介紹了十二個(gè)Vue開發(fā)中的性能優(yōu)化小技巧,需要的朋友可以參考下
2022-02-02
腳手架(vue-cli)創(chuàng)建Vue項(xiàng)目的超詳細(xì)過程記錄
用vue-cli腳手架可以快速的構(gòu)建出一個(gè)前端vue框架的項(xiàng)目結(jié)構(gòu),下面這篇文章主要給大家介紹了關(guān)于腳手架(vue-cli)創(chuàng)建Vue項(xiàng)目的超詳細(xì)過程,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-05-05
Vue webpack 項(xiàng)目自動打包壓縮成zip文件的方法
這篇文章主要介紹了Vue -- webpack 項(xiàng)目自動打包壓縮成zip文件的方法，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-07-07
vue3使用quill富文本編輯器保姆級教程(附踩坑解決)
這篇文章主要給大家介紹了關(guān)于vue3使用quill富文本編輯器保姆級教程的相關(guān)資料,在許多網(wǎng)站和應(yīng)用程序中富文本編輯器是一種常見的工具,它使用戶能夠以直觀的方式創(chuàng)建和編輯文本內(nèi)容,需要的朋友可以參考下
2023-11-11
vue2路由基本用法實(shí)例分析
這篇文章主要介紹了vue2路由基本用法,結(jié)合實(shí)例形式分析了vue2路由基本功能、原理、用法與操作注意事項(xiàng),需要的朋友可以參考下
2020-03-03
Vue中v-on的基礎(chǔ)用法、參數(shù)傳遞和修飾符的示例詳解
使用v-on:click給button綁定監(jiān)聽事件以及回調(diào)函數(shù)，@是v-on:的縮寫，也就是簡寫也可以使用@click，這篇文章主要介紹了Vue中v-on的基礎(chǔ)用法、參數(shù)傳遞和修飾符,需要的朋友可以參考下
2022-08-08
Vue實(shí)現(xiàn)具備掃描和查看數(shù)據(jù)的二維碼
在我們生活中，二維碼的應(yīng)用越來越廣泛，特別是在移動互聯(lián)網(wǎng)的時(shí)代，二維碼成為了快速傳達(dá)信息的一種利器，本文我們就來看看如何在Vue框架下，實(shí)現(xiàn)一個(gè)具備掃描和查看數(shù)據(jù)的二維碼吧
2023-05-05