jquery .animate不在函数内部工作

Question

也许有人可以帮助我。我感谢任何帮助。我似乎无法让这个工作。当调用youtube onPlayerReady函数时，我试图淡出我的html音频播放器。非常简单。

如果我将 $（＆＃34; #musicPlayer＆＃34;。）animate（{volume：0}，3000）; 放在该功能之外，它可以完美地工作（淡出音频） ）但如果​​我将它放入我的函数（ onPlayerReady ），它就不起作用了。出现这种情况的原因是什么？

我已经尝试了这个，但也没有。

document.getElementById('musicPlayer').animate({volume: 0}, 3000);

这是我的功能

function onPlayerReady(event) {
    event.target.setPlaybackQuality(<?php echo $quality; ?>)
    event.target.setVolume(<?php echo $volume; ?>)
    // alert('Start playing entry #0 (preloaded).')
    event.target.playVideo()

    // Music player fade out
    $("#musicPlayer").animate({volume: 0}, 3000);
}