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

Question

在 html5 video 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 的 documentation（重点是我的）：

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

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

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

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

Answer 2

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

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

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

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

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

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

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

希望对你有帮助！