I have rendered some youtube videos on the web so I want that a video in view that video will autoplay, and the user scroll up for another and the previous video should be stopped, and the new video autoplay. it should be like a tik tok video or Facebook video.
this is the HTML for the youtube video
<div class="videohs">
<iframe id='player'src="https://www.youtube-nocookie.com/embed/GA7Fhq4_D2E?controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
you should add autoplay inside the src like this :
<!DOCTYPE html>
<html>
<body>
<iframe
width="420"
height="345"
src="https://www.youtube-nocookie.com/embed/GA7Fhq4_D2E?autoplay=1&controls=0">
</iframe>
</body>
</html>