javascript - 音量关闭在 html5 视频 ipad 2 中不起作用

Question

音量关闭在 html5 视频 ipad 2 中不起作用。

player = document.getElementById(element_id);
if (player.muted){
    player.muted = false;
    player.volume = 1;
    //player.volume(1);
}else{
    player.muted = true;
    player.volume = 0;
    //player.volume(0);
}

Answer 1

恐怕 iOS 不允许使用 Javascript 更改音量。来自 Apple 的文档（重点是我的）：

在桌面上，您可以设置和读取一个或元素的音量属性。这允许您相对于计算机的当前音量设置来设置元素的音量。值 1 以正常级别播放声音。值为 0 会使音频静音。0 到 1 之间的值会衰减音频。

这种音量调整可能很有用，因为它允许用户将游戏静音，例如，同时仍在计算机上听音乐。

在 iOS 设备上，音频电平始终在用户的物理控制之下。音量属性在 JavaScript 中不可设置。读取 volume 属性总是返回 1。

没有提及该muted属性，但实验表明它也无法更改：http: //jsbin.com/anikab/1/

Answer 2

通过执行以下操作，我已经能够实现这样的目标：

• 要静音，请删除整个元素。如果您使用的是 jquery，则可以轻松完成。

  $('#audio-elem').remove();

• 要取消静音，只需将其重新添加！

  $('body').append('');

我确实发现了这种方法的两个问题：

• iPad 不缓存音频，因此在重新添加时需要重新加载。这意味着在音频再次开始播放之前会有延迟。
• 当重新加载时，音频将从头开始播放，即 00:00。

希望能帮助到你！