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

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