I have tried the code below to solve.
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;
}
Note: In the HTML of the player, I already put the parameter in enablejsapi=1
in <iframe>
.
Could someone help me, please? : D