check visibility, add quater css

app/static/css/partials/_ascroll.scss

@@ -55,7 +55,11 @@
   .left {
     float: left;
     padding-right: 1vw;
-      width: 30%;
+    width: 50%;
+    &.quater {
+      width: 320px;
+      height: 240px;
+    }
   }
   .clearpara {
     clear: left;

app/static/js/ascroll.js

@@ -173,8 +173,9 @@ function renderAnnotation(config, video, root, clip) {
             updatePlayer(video, frame, annotation['in'], annotation['out'], src, config)
         }
     }))
+    console.log('add resize')
     window.addEventListener('resize', () => {
-        var visible = isElementInViewport(frame);
+        var visible = video._frame == frame;
         if (config.loaded && visible) {
             updatePlayerRect(video, frame, config)
         }