如何在浏览器视口中播放视频并在特定时间停止播放

Question

我正在建立一个Wordpress网站，我需要一个视频在进入视口时播放（启动），但它需要在某个时间暂停并且无限期地保持在那里。

为了进一步理解，我从电影中创造了一个gif。并附在这里。基本上，当用户向下滚动到视频时，我需要瓷砖开始下降 - 并且一旦瓷砖全部堆叠在彼此顶部，就会暂停和重新接通。我说它应该暂停的原因是因为如果你让视频结束，瓷砖都会消失，而视频就是黑屏。