这是一个在我的网站上播放的视频,但用户实际上看不到,他们只能听见。我想创建一个按钮,以便如果用户希望随时使视频静音,那么他们可以选择该按钮,站点上的所有声音都将停止,但是如果再次单击它,则应该可以再次听到它。如果您难以理解我的意思,请发表评论,因为这将非常有帮助。谢谢!
// create youtube player
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
height: '0',
width: '0',
videoId: 'a5SMyfbWYyE',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
// autoplay video
function onPlayerReady(event) {
event.target.playVideo();
}
// when video ends
function onPlayerStateChange(event) {
if(event.data === 0) {
//alert('done');
}
}
最佳答案
首先在html中创建一个ID为的按钮:
<input id="mute-toggle" type="button"/>
并使用JQuery获取ID:
$('#mute-toggle').on('click', function() {
var mute_toggle = $(this);
if(player.isMuted()){
player.unMute();
mute_toggle.text('volume_up');
}
else{
player.mute();
mute_toggle.text('volume_off');
}
});