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

根據Apple的文檔 ，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;
}
});

使用像功能