Tenho tentado o código abaixo para resolver.
var volumeIcon = 1;
$(".ico-volume").on('click', function(event) {
if (volumeIcon == 1)
{
$(this).find("img").removeAttr('src');
$(this).find("img").attr('src', 'img/ico/volume-out-ico.png');
volumeIcon = 0;
setVolume(volumeIcon);
}
else
{
$(this).find("img").removeAttr('src');
$(this).find("img").attr('src', 'img/ico/volume-in-ico.png');
volumeIcon = 1;
setVolume(volumeIcon);
}
});
essa primeira função é de um icone de volume que eu tenho aqui, e quando o usuário apertar ele troca a imagem, mas se atentem na função que ele chama por ultimo. Pois bem, aqui vai as outras funções:
function onYouTubePlayerReady(playerId)
{
ytplayer = document.getElementById("video");
}
function setVolume(volume)
{
if (ytplayer)
ytplayer.volume = volume;
}
Obs: No HTML do player, já coloquei o parâmetro no enablejsapi=1
no <iframe>
.
Alguém poderia me ajudar, por favor? :D