滚动后暂停或停止 Instagram 嵌入视频答案

【问题标题】：Pause or stop Instagram embed video after scrolling away滚动后暂停或停止 Instagram 嵌入视频
【发布时间】：2019-06-23 23:47:33
【问题描述】：

我正在使用以下 URL 在我的网站中嵌入来自 Instagram 的视频：

https://www.instagram.com/p/Bp4I3hRhd_v/embed

用 iframe 嵌入它：

<iframe src="https://www.instagram.com/p/Bp4I3hRhd_v/embed" frameborder="0" scrolling="yes" allowtransparency="true" width="450" height="450"></iframe>

当该视频不再出现在屏幕上时（或用户已经滚动离开它），有什么方法可以停止播放？

PS。我已经尝试过互联网上针对 youtube 视频提供的所有解决方案，但它不适用于 Instagram 视频，因为 Insta 视频的嵌入模式与 YT 的不同。

【问题讨论】：

标签： javascript php jquery instagram embed

【解决方案1】：

为您的工作使用以下 URL

how can I pause a youtube embed when a user scrolls away （或）

https://fjorgedigital.com/insights/blog/play-youtube-videos-on-scroll-over/

【讨论】：

感谢您的回答，但我没有嵌入 youtube 视频，它们是 instagram 视频。它以不同于 youtube 的方式嵌入，因此我不能让这个对象 YT.Player 来控制 Insta 视频。
是否停止正在点击视频。如果可行，请编写一个方法，在滚动屏幕时通过代码自动单击该区域。这是强制停止或启动某事的一种选择。
我们不能在 iFrame 中进行跨域操作。