如何仅在移动版中停止YouTube视频自动播放?

时间:2015-02-05 04:50:17

标签: css video youtube youtube-api

我在网站here

上使用youtube视频

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

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

现在我想隐藏移动版中的视频。但即使使用css隐藏视频,视频仍在播放。我知道css无法阻止iframe自动播放。

是否有任何方法可以根据屏幕的分辨率关联youtube视频的自动播放。这样我们就可以根据屏幕的分辨率播放和停止视频。

1 个答案:

答案 0 :(得分:0)

只需使用 Javascript 按照屏幕分辨率动态加载 youtube视频嵌入网址,而不是使用静态视频网址

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

如果您觉得屏幕尺寸较小,只需从网址

中删除youtube autoplay参数即可

编辑:选中 url 进行动态屏幕尺寸处理