I have multiple videos embedded on a page with Plyr.js . My end goal is to get each video to play on hover and stop when there is no hover. Here is my current code: const players = Array.from(document.querySelectorAll('#player')).map(p => new Plyr(p, { debug: true, volume: 0, controls: false, muted: true, fullscreen: { enabled: false }, loop: { active: true }, duration: 10 })); $('#player').hover(playVideo, pauseVideo); function playVideo(e){$(players, this).get(0).play();} function pauseVideo(e){$(players, this).get(0).pause();} .plyr{ display:inline-block; } <script src="https://cdnjs