Home/ Questions/Q 8962941
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T16:14:58+00:00

The code line $(‘#iframe-youtube’).css(opacity, 0); below works on every browser except Safari. The rest

  • 0

The code line $('#iframe-youtube').css("opacity", "0"); below works on every browser except Safari. The rest of the code works at every browser include Safari. By the way I have also tried $('#iframe-youtube').animate({opacity: '0'},0) but it didnt work neither. 

$('#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);
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Add ?wmode=opaque to the end of your youtube link in the iframe.

    Example:

    HTML

    <div id="iframe-youtube">
    <iframe width="420" height="315" src="http://www.youtube.com/embed/bZqnqH9s1jk?wmode=opaque" frameborder="0"></iframe>
</div>​

    Javascript

    $('#iframe-youtube').css("opacity", 0);​

    Demo

    Light reading

    • 0