getVideoDuration(file) {
? var url = URL.createObjectURL(file);
? var audioElement = new Audio(url);
? var self = this;
? var result;
? audioElement.addEventListener("loadedmetadata", function() {
? ? // 視頻時(shí)長(zhǎng)值的獲取要等到這個(gè)匿名函數(shù)執(zhí)行完畢才產(chǎn)生
? ? result = audioElement.duration; //得到時(shí)長(zhǎng)為秒，小數(shù)，182.36
? ? self.ruleForm.videoDuration = parseInt(result); //轉(zhuǎn)為int值
? });
}

npm install vue-video-player -S

import VideoPlayer from 'vue-video-player'
import 'vue-video-player/src/custom-theme.css'
import 'video.js/dist/video-js.css'
Vue.use(VideoPlayer)

? import {
? ? videoPlayer
? } from 'vue-video-player'
? import 'video.js/dist/video-js.css'
? export default {
? components: {
? ? videoPlayer
? }
}

? ?<video-player class="video-player vjs-custom-skin"?
? ? ? ? ? ? ref="videoPlayer"?
? ? ? ? ? ? :playsinline="true"?
? ? ? ? ? ? :options="playerOptions">
? ? ? </video-player>

? this.$nextTick(() => {
? ? ? ?setTimeout(() => {
? ? ? ?let du = document.getElementById("vjs_video_3_html5_api") //獲取組件下的video
? ? ? ?var hour = parseInt((du.duration) / 3600);
? ? ? ?var minute = parseInt((du.duration % 3600) / 60);
? ? ? ?var second = parseInt(du.duration % 60);
? ? ? ?let result = ''
? ? ? ?if (hour > 0) {
? ? ? ?result = this.formatTimeStr(hour) + ':' + this.formatTimeStr(minute) + ':' + this
? ? ? ?.formatTimeStr(second)
? ? ? ? ? ? ? ? ?} else {
? ? ? ? ? ? ? ? ? ? result = this.formatTimeStr(minute) + ':' +?
? ? ? ? ? ? ? ? ? this.formatTimeStr(second)
? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? return result //轉(zhuǎn)化成分，秒
? ? ? ? ? ? ? ? }, 200)
? ? ? ? ? ? ? })
?
? ? ?formatTimeStr(val) {
? ? ? ? if (val > 9) {
? ? ? ? ? return val
? ? ? ? } else {
? ? ? ? ? return '0' + val
? ? ? ? }
? ? ? },