如何仅在移动版本中停止 youtube 视频自动播放？答案

【问题标题】：How to stop youtube video autoplay only in mobile version?如何仅在移动版本中停止 youtube 视频自动播放？
【发布时间】：2015-04-04 20:43:36
【问题描述】：

我在 here 网站上使用 youtube 视频

我已将视频设置为在主页上自动播放。在响应式移动版本（分辨率低于 767px）中，我使用 css display none 隐藏视频。但视频仍在后端播放。

我做这一切是因为我想在移动版中改变视频的位置，所以我在移动版中隐藏右侧边栏视频并显示左侧视频。

现在我想在隐藏时停止移动版本中的视频。但是即使使用 css 隐藏视频，它仍在播放。我知道 css 无法停止 iframe 自动播放。

有什么方法可以根据屏幕分辨率自动播放youtube视频。这样我们就可以根据屏幕分辨率播放和停止视频。

【问题讨论】：

【解决方案1】：

只需使用 Javascript 根据屏幕分辨率动态加载 youtube 视频嵌入网址，而不是使用静态视频网址 p>

这个link可能有助于检测屏幕分辨率。

如果您觉得屏幕尺寸很小，只需从 url 中删除 youtube 自动播放参数

编辑：检查此 url 以了解动态屏幕尺寸处理

【讨论】：

在链接中 screen.availWidth 给出了屏幕的可用宽度，但我想获得当前的屏幕宽度，就像我们将窗口的大小从 1322 px 减小到 767 px 然后它返回结果相同。
然后查看stackoverflow.com/questions/9720294/…