欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue視頻播放暫停代碼

 更新時(shí)間：2019年11月08日 08:51:07   作者：Liberal_w  
今天小編就為大家分享一篇vue視頻播放暫停代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

vue中的視頻播放

vue.js中引入video視頻播放器

main.js中引入

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

html頁(yè)面

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

相關(guān)文章

  • 前端vue3中的ref與reactive用法及區(qū)別總結(jié)

    前端vue3中的ref與reactive用法及區(qū)別總結(jié)

    這篇文章主要給大家介紹了關(guān)于前端vue3中的ref與reactive用法及區(qū)別的相關(guān)資料,關(guān)于ref及reactive的用法,還是要在開發(fā)中多多使用,遇到響應(yīng)式失效問(wèn)題,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2024-08-08
  • vue卡片式點(diǎn)擊切換圖片組件使用詳解

    vue卡片式點(diǎn)擊切換圖片組件使用詳解

    這篇文章主要為大家詳細(xì)介紹了vue卡片式點(diǎn)擊切換圖片組件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2021-06-06
  • vue實(shí)現(xiàn)移動(dòng)端懸浮窗效果

    vue實(shí)現(xiàn)移動(dòng)端懸浮窗效果

    這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)移動(dòng)端懸浮窗效果，vuejs實(shí)現(xiàn)div拖拽移動(dòng)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2018-12-12
  • 分享12個(gè)Vue開發(fā)中的性能優(yōu)化小技巧(實(shí)用!)

    分享12個(gè)Vue開發(fā)中的性能優(yōu)化小技巧(實(shí)用!)

    一般來(lái)說(shuō),你不需要太關(guān)心vue的運(yùn)行時(shí)性能,它在運(yùn)行時(shí)非?？?但付出的代價(jià)是初始化時(shí)相對(duì)較慢,下面這篇文章主要給大家分享介紹了十二個(gè)Vue開發(fā)中的性能優(yōu)化小技巧,需要的朋友可以參考下
    2022-02-02
  • 腳手架(vue-cli)創(chuàng)建Vue項(xiàng)目的超詳細(xì)過(guò)程記錄

    腳手架(vue-cli)創(chuàng)建Vue項(xiàng)目的超詳細(xì)過(guò)程記錄

    用vue-cli腳手架可以快速的構(gòu)建出一個(gè)前端vue框架的項(xiàng)目結(jié)構(gòu),下面這篇文章主要給大家介紹了關(guān)于腳手架(vue-cli)創(chuàng)建Vue項(xiàng)目的超詳細(xì)過(guò)程,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-05-05
  • Vue webpack 項(xiàng)目自動(dòng)打包壓縮成zip文件的方法

    Vue webpack 項(xiàng)目自動(dòng)打包壓縮成zip文件的方法

    這篇文章主要介紹了Vue -- webpack 項(xiàng)目自動(dòng)打包壓縮成zip文件的方法，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2019-07-07
  • vue3使用quill富文本編輯器保姆級(jí)教程(附踩坑解決)

    vue3使用quill富文本編輯器保姆級(jí)教程(附踩坑解決)

    這篇文章主要給大家介紹了關(guān)于vue3使用quill富文本編輯器保姆級(jí)教程的相關(guān)資料,在許多網(wǎng)站和應(yīng)用程序中富文本編輯器是一種常見的工具,它使用戶能夠以直觀的方式創(chuàng)建和編輯文本內(nèi)容,需要的朋友可以參考下
    2023-11-11
  • vue2路由基本用法實(shí)例分析

    vue2路由基本用法實(shí)例分析

    這篇文章主要介紹了vue2路由基本用法,結(jié)合實(shí)例形式分析了vue2路由基本功能、原理、用法與操作注意事項(xiàng),需要的朋友可以參考下
    2020-03-03
  • Vue中v-on的基礎(chǔ)用法、參數(shù)傳遞和修飾符的示例詳解

    Vue中v-on的基礎(chǔ)用法、參數(shù)傳遞和修飾符的示例詳解

    使用v-on:click給button綁定監(jiān)聽事件以及回調(diào)函數(shù)，@是v-on:的縮寫，也就是簡(jiǎn)寫也可以使用@click，這篇文章主要介紹了Vue中v-on的基礎(chǔ)用法、參數(shù)傳遞和修飾符,需要的朋友可以參考下
    2022-08-08
  • Vue實(shí)現(xiàn)具備掃描和查看數(shù)據(jù)的二維碼

    Vue實(shí)現(xiàn)具備掃描和查看數(shù)據(jù)的二維碼

    在我們生活中，二維碼的應(yīng)用越來(lái)越廣泛，特別是在移動(dòng)互聯(lián)網(wǎng)的時(shí)代，二維碼成為了快速傳達(dá)信息的一種利器，本文我們就來(lái)看看如何在Vue框架下，實(shí)現(xiàn)一個(gè)具備掃描和查看數(shù)據(jù)的二維碼吧
    2023-05-05

最新評(píng)論