fix: drawframe

web/dist/vap.js

@@ -1345,6 +1345,7 @@
       classCallCheck(this, VapVideo);
 
       this.events = {};
+      this.firstPlaying = true;
       this.customEvent = ['frame', 'percentage', ''];
     }
 
@@ -1468,6 +1469,8 @@
           video.load();
         }
 
+        this.firstPlaying = true;
+
         if ('requestVideoFrameCallback' in this.video) {
           this.useFrameCallback = !!this.options.accurate;
         }
@@ -1662,8 +1665,8 @@
     }, {
       key: "onplaying",
       value: function onplaying() {
-        if (!this.firstPlaying) {
-          this.firstPlaying = true;
+        if (this.firstPlaying) {
+          this.firstPlaying = false;
 
           if (!this.useFrameCallback) {
             this.drawFrame(null, null);

web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "video-animation-player",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "webgl动画特效组件",
   "main": "dist/vap.js",
   "scripts": {

web/src/video.ts

@@ -24,7 +24,7 @@ export default class VapVideo {
   private _drawFrame: () => void;
   protected animId: number;
   protected useFrameCallback: boolean;
-  private firstPlaying: boolean;
+  private firstPlaying = true;
   private setBegin: boolean;
   private customEvent: Array<string> = ['frame', 'percentage', ''];
 
@@ -131,6 +131,7 @@ export default class VapVideo {
       video.load();
     }
 
+    this.firstPlaying = true;
     if ('requestVideoFrameCallback' in this.video) {
       this.useFrameCallback = !!this.options.accurate;
     }
@@ -282,8 +283,8 @@ export default class VapVideo {
   }
 
   onplaying() {
-    if (!this.firstPlaying) {
-      this.firstPlaying = true;
+    if (this.firstPlaying) {
+      this.firstPlaying = false;
       if (!this.useFrameCallback) {
         this.drawFrame(null, null);
       }