web-dev-qa-db-ja.com

HTML5ビデオボリューム

私は現在HTML5ビデオプレーヤーに取り組んでいますが、iPadを除いてどこでも完全に機能しています。基本的に、サウンド以外のすべてを制御できます。muteボタンがあり、MacOSのGoogleChrome、Firefox 3.6、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;
    }
});
_
iosipadhtmlvideo
21
Mikushi

IOSデバイスのvolumeプロパティは、 Appleのドキュメント によると読み取り専用です。

IOSデバイスでは、オーディオレベルは常にユーザーの物理的な制御下にあります。 volumeプロパティはJavaScriptで設定できません。 volumeプロパティを読み取ると、常に1が返されます。

24
Dobrin

IPad html5ビデオのドキュメントを読むと、デバイスのユーザーだけがビデオを開始して音量を変更できると書かれています。

3
jamone

@dobrinが言ったように、volumeプロパティは、ビデオのIOSでのみ読み取られます。

ただし、mutedプロパティを使用することもできます。これにより、ビデオをミュートまたはミュート解除できます。ほとんどの場合、これで問題が解決します。

したがって、特定の音量を0から1の間に設定することはできませんが、音量を0または1に設定することはできます。その後、Appleは、音量の設定に物理ボタンを使用すると想定します。

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

0
Paul