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

问题描述

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

enter image description here

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

解决方法

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

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

所以看起来您的选择(目前)是修复该 JS 错误并查看它是否有效,或者禁用视频网址中的 JS API

Image with the mute button