From eb76a6354add3ab308e5197c7aeae53a03768c6c Mon Sep 17 00:00:00 2001
From: qiang <guoshengqiang@live.com>
Date: Wed, 25 Dec 2019 18:32:25 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20h5=20video=20=E5=A2=9E=E5=8A=A0=20progr?=
 =?UTF-8?q?ess=20=E4=BA=8B=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../h5/view/components/video/index.vue          | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/platforms/h5/view/components/video/index.vue b/src/platforms/h5/view/components/video/index.vue
index 8b06ac0dd..1404e3358 100644
--- a/src/platforms/h5/view/components/video/index.vue
+++ b/src/platforms/h5/view/components/video/index.vue
@@ -57,7 +57,7 @@
           >
             <div class="uni-video-progress">
               <div
-                :style="{width:buffered*100+'%'}"
+                :style="{width:buffered+'%'}"
                 class="uni-video-progress-buffered" />
               <div
                 ref="ball"
@@ -313,6 +313,13 @@ export default {
     },
     duration () {
       this.updateProgress()
+    },
+    buffered (buffered) {
+      if (buffered !== 0) {
+        this.$trigger('progress', {}, {
+          buffered
+        })
+      }
     }
   },
   created () {
@@ -537,11 +544,13 @@ export default {
         height: video.videoHeight,
         duration: video.duration
       })
+      this.onProgress($event)
     },
-    onProgress ({ target }) {
-      const buffered = target.buffered
+    onProgress ($event) {
+      const video = $event.target
+      const buffered = video.buffered
       if (buffered.length) {
-        this.buffered = buffered.end(buffered.length - 1) / target.duration
+        this.buffered = buffered.end(buffered.length - 1) / video.duration * 100
       }
     },
     onWaiting ($event) {
-- 
GitLab