How to disable playback of the video tag when it is out of viewport'a?

Question

css

Question about optimization. How to disable playback of the video tag when it is out of viewport'a?

Answer 1

$(window).on('scroll', function(){
  if (! $(myPlayer).visible( true )) {
     myPlayer.stop()
  }
})

Answer 2

To do this, they came up with Intersection Observer