首页 > 解决方案 > 无法在移动设备上使用 Revolution Slider 取消 YouTube 视频静音

问题描述

我在 WordPress 中使用 Revolution Slider,遇到了一个问题,在移动设备上,我无法取消 YouTube 视频的静音。我在滑块中有视频要在加载和自动播放时静音。我允许交互和控制。但是,当我尝试单击屏幕上的取消静音按钮时,它只是暂停/播放视频。我不确定出现的暂停/播放按钮是否以某种方式重叠并且 YT 控件是否在下方或其他什么地方。它实际上看起来不像从 YouTube 生成的控件,而是 RS 原生控件。我尝试关闭控件和交互,但不出所料,当您单击/按下视频时,这会导致绝对零动作发生,甚至不会暂停/播放它。

在此处输入图像描述

您可以在http://www.hagentertainment.com查看实际问题。有问题的幻灯片是 3 张中的第 2 张幻灯片。

标签: wordpressresponsive-designrevolution-slider

解决方案


作为与移动和 iframe 相关的问题,很难以 100% 的效率进行诊断。我使用 Browerstack 在 Galaxy S20 上打开了一个连接,并注意到了您所描述的问题。

使用开发工具,我能够通过&enablejsapi=1&enablejsapi=0. 您可以在下面的屏幕截图中看到,这样做之后,它允许单击它。您还会在控制台中显示 JavaScript 解析错误 - 这可能会阻止 JS API 控制器(内置于 Revolution Slider?)正常运行。

所以看起来你的选择(目前)是修复那个 JS 错误,看看它是否有效,或者在视频的 url 中禁用 JS API

带有静音按钮的图像


推荐阅读