微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决无法在移动设备上使用 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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。