Vimeo viewport check

by luwes

HTML

<div class="talldiv"></div>
<div id="made-in-ny"></div>

<script src="https://airve.github.io/js/verge/verge.js"></script>
<script src="https://player.vimeo.com/api/player.js"></script>
<script>
    var options = {
        id: 59777392,
        width: 640,
        loop: true
    };

    var player = new Vimeo.Player('made-in-ny', options);

    player.setVolume(0);

    player.on('play', function() {
        console.log('played the video!');
    });
</script>

CSS

.talldiv {
  height: 1000px;
}

JavaScript

console.log(window);

window.addEventListener('scroll', function(e) {
	
  var playerElement = document.querySelector('#made-in-ny');
	if (verge.inViewport(playerElement)) {
  	
    player.play();
  }

});