无法在移动设备上使用 Revolution Slider 取消 YouTube 视频静音

Posted

技术标签:

【中文标题】无法在移动设备上使用 Revolution Slider 取消 YouTube 视频静音【英文标题】:Can't Unmute YouTube Videos with Revolution Slider on Mobile 【发布时间】:2021-04-21 17:33:39 【问题描述】:

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

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

【问题讨论】:

【参考方案1】:

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

使用开发工具,我可以通过将&enablejsapi=1 更改为&enablejsapi=0 来让它允许单击静音按钮。您可以在下面的屏幕截图中看到,执行此操作后,它允许单击它。您还会在控制台中显示 javascript 解析错误 - 这可能会阻止 JS API 控制器(内置于 Revolution Slider?)正常运行。

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

【讨论】:

我按照步骤删除了控制台报告的错误,但不幸的是,这没有帮助。

以上是关于无法在移动设备上使用 Revolution Slider 取消 YouTube 视频静音的主要内容,如果未能解决你的问题,请参考以下文章

引导网站中的滑块图像不适合移动视图

Facebook 登录无法在移动设备上使用(但可以在桌面设备上使用)

UVALive - 2031 Dance Dance Revolution 三维dp

使用 TailwindCSS 时,Google 字体无法在移动设备上呈现

jQuery toggleClass 在移动设备上无法正常工作

Jquery:下拉菜单在移动设备上无法正常工作