facebook如何处理停止视频帖子时，他们在/退出滚动视图

How does facebook handle stopping video posts when they're in/out of scroll view?

本文关键字：他们 视图 滚动 退出 视频 何处理 处理 facebook      更新时间：2023-09-26

我正在尝试在React中构建一个实时feed，并且遇到了一个关于自动循环视频的完美问题，因为当视频在视口中消失时没有API来自动暂停它们。

Facebook已经相当有效地解决了这个问题，(它看起来像)卸载视频时，退出了视野，并重新安装时，它回到了视野。

我试图模仿这种行为，但我不知道从哪里开始。是否有可能随意卸载和重新安装组件?

谁有什么建议来解决这个问题?

插件和代码片段绝对欢迎!!

是否有可能随意卸载和重新挂载组件

是的。从本质上说，你订阅了一个滚动的dom元素的scroll位置(可能是也可能不是body)，然后检查你是否在视窗中。如果没有，就关掉视频元素。例如:

// your render function 
render() {
   return  <div>{this.state.isInViewPort && <video/>}</div>
}
相关文章：