HTML5视频卷

Question

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

有没有人让它正常工作？

这是我的HTML代码：

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

这是Javascript：

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

Answer 1

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

在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;
}
});

使用像功能