HTML5视频卷

Question

我目前正在开发一款HTML5视频播放器，除了在iPad上外，我还可以在任何地方使用它。 基本上，我可以控制一切，除了声音，我有一个mute按钮，它可以在Mac OS上的谷歌Chrome，Firefox 3.6和Safari上正常工作，但在iPad上无论我放在{{1 }，没有发生变化。

有人让它正常工作吗？

这是我的HTML代码：

video.volume

这是Javascript：

<video src="video_url" width="608" height="476" autobuffer="autobuffer" id="html5-player" preload>
   Your browser doesn't support HTML5.
</video

Answer 1

根据Apple's documentation，iOS设备上的volume属性为只读：

  

在iOS设备上，音频级别始终在用户的物理控制之下。在JavaScript中无法设置volume属性。读取volume属性始终返回1.

Answer 2

如果您阅读iPad html5视频文档，则表示只有设备用户才能启动视频，并更改音量。

Answer 3

正如@dobrin所说，volume属性仅在视频的IOS上是只读的。

但是，您可以使用muted属性，这使您可以在大多数情况下将视频静音或取消静音。

因此，您不能在0到1之间设置特定的音量，但可以将音量设置为0或1，然后Apple假定您将使用物理按钮设置音量。

https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/muted

Answer 4

var muted = false;
$j('.player-mute').click(function(){
if(muted) {
    videoPlayer.volume(1);
    muted = false;
} else {
    videoPlayer.volume(0);
    muted = true;
}
});

使用类似功能