\nvar v = document.querySelector(".vids");\nvar x = document.querySelectorAll(".vid"); var n = x.length;\nwindow.addEventListener("load", fc);\nwindow.addEventListener("resize", fc);\nv.addEventListener("scroll", change);\n\nfunction fc() {\nvar w = v.clientWidth; var h = w * 10/ 16;\nv.style.height = h + "px"; v.scrollTop = 0;\nx[0].play();\n}\n\nfunction change() {\nvar i=0;\n while(i < n) {\n x[i].pause(); x[i].currentTime = 0; i++;\n }\nvar r = x[0].clientHeight; var s = v.scrollTop;\nvar q = parseInt(s / r); // i.e. how many vids have scrolled off top.\nx[q].play();\n}\n\n\">