2010-04-08 198 views
18

我目前正在研究一款HTML5视频播放器,除iPad之外,我已经在其他任何地方都能正常工作。 基本上,我可以控制一切,除了声音,我有一个mute按钮,它可以在Mac OS上的Google Chrome,Firefox 3.6和Safari上正常工作,但在iPad上无论我在video.volume中放置什么值,都没有变化发生。HTML5视频量

有没有人得到它正常工作?

这里是我的HTML代码:

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

而这里的Java脚本:

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

您可以发布您的代码的简化版本(HTML和JavaScript)?没有任何代码,很难知道可能是错的。 – lostriebo 2010-04-08 19:23:46

+0

点击被正确触发,音量值发生变化,但声音在iPad上保持不变。 – Mikushi 2010-04-08 19:48:40

+0

这是一个长镜头,但是如果指定double(即'videoPlayer.volume = 1.0;'或'videoPlayer.volume = 0.0;'),它会产生什么影响? – lostriebo 2010-04-08 21:00:15

回答

3

如果你在iPad上阅读HTML5视频文件它说,该设备的唯一用户可以启动视频和改变音量。

+0

如果它是由点击事件触发的,它应该可以工作,不是吗?我的意思是它适用于视频播放(),我有一个点击事件绑定在我的播放按钮,我没有问题,而静音按钮不起作用,可能是因为它是一个属性,我修改? – Mikushi 2010-04-08 20:58:14

18

volume财产上的iOS设备是根据Apple's documentation只读:

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

+1

指向iOS页面的直接HTML链接:https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html – 2015-07-31 16:12:48

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

使用类似功能

+0

视频元素的音量属性不是一项功能。 – mwm 2016-11-07 15:56:47