javascript - jqueryの不透明度がサファリブラウザで機能しない

Question

以下のコード行$('#iframe-youtube').css("opacity", "0");は、Safari を除くすべてのブラウザーで機能します。残りのコードは、Safari を含むすべてのブラウザーで機能します。ちなみに私も試してみ$('#iframe-youtube').animate({opacity: '0'},0)ましたが、どちらもうまくいきませんでした。

$('#bg').fadeOut(500);
$('#hand-iphone').animate({opacity: '0', bottom: '-5px'},0);
$('#hand2-iphone').animate({opacity: '0'},0);
$('#iframe-youtube').css("opacity", "0");
$('#hand-iphone2').show().animate({opacity: '0', bottom: '-5px' , left: '95px'},0);
$('#hand2-iphone2').show().animate({opacity: '0'},0);
$('.roundabout-holder').show().animate({opacity: '0'},0);
$('#boni-text').show().animate({opacity: '0'},0);           
$('#hand-iphone2').delay(200).animate({opacity: '1', bottom: '0px', left:'50px'},500);                  
$('#hand2-iphone2').delay(2000).animate({opacity: '1'},0);
$('.roundabout-holder').animate({opacity: '1'},500);
$('#boni-text').animate({opacity: '1'},500);