Ensure that out-of-viewport videos aren't played.

Fixes dhg#15.
alecthomas · Sep 13, 2015 · 4aa82da · 4aa82da
1 parent 34b3242
commit 4aa82da
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/javascripts/app.js b/javascripts/app.js
@@ -67,13 +67,15 @@ $(document).ready(function() {
   }
 
   function playVisibleVideos() {
-    // $('video').each(function(){
-    //   this.pause();
-    // });
-
     if (!isTouchDevice) {
-      $('video:in-viewport').each(function(){
-        this.play();
+      $('video').each(function(){
+        if ($(this).is(':in-viewport')) {
+          if (this.currentTime == 0 || this.paused || this.ended) {
+            this.play();
+          }
+        } else {
+          this.pause();
+        }
       })
     }
   }
@@ -103,6 +105,8 @@ $(document).ready(function() {
 
   throttledVideo = throttle(playVisibleVideos, 100)
 
+  $(window).load(throttledVideo);
+
   $(window).scroll(function(){
 
     // Load more JSON from scroll