Processing
 

google's embedded player conflicts with jquery's fadein method on chrome

25/02/2014 12:47#1

Maximus

Member

Joined at: 11 months ago

Post: 13

Thank: 0

Thanked: 0

I have the mask element which occupies all window space and has gray color. This element is faded in with jQuery's fade in method. I also have youtube embedded video on the page. However, the mask is not renrendered until I open Developers tools in Chrome and select and node element. It is working in Firefox but leaves embedded video unshaded. Here is the jsFiddle to demonstate the problem (click Run to witness the problem) and the code:

HTML

<iframe width="420" height="315" src="//www.youtube.com/embed/gLa3H19cPw4" frameborder="0" allowfullscreen></iframe> <div id="mask"></div> 

CSS

#mask {     position: absolute;     left: 0;     top: 0;     z-index: 9000;     background-color: rgba(0, 0, 0, 0.5);     display: none;     width: 1905px;      height: 915px; } 

JavaScript

//Show mask $('#mask').fadeIn(500); 
11/03/2014 22:32Top#2

Adi

Member

Joined at: 11 months ago

Post: 28

Thank: 0

Thanked: 0

The only fix I've found so far is to use the .show() function instead.

Similar articles

Chrome, THREE.js: Cross-origin image load denied

5 years ago - Reply: 5 - Views: 269

Prevent Google Chrome Log XMLHttpRequest

3 years ago - Reply: 5 - Views: 276

How can I include ChromeDriver in a JAR?

3 years ago - Reply: 3 - Views: 81

Chrome geolocation not working on any site

3 years ago - Reply: 1 - Views: 46

wrong borders' width in android browser

3 years ago - Reply: 4 - Views: 206

Uncaught SyntaxError: Unexpected token < On Chrome

3 years ago - Reply: 10 - Views: 468

Flashdata not getting cleared in Codeigniter

3 years ago - Reply: 5 - Views: 57

Illegal access Javascript error in Chrome

3 years ago - Reply: 1 - Views: 51

ng-repeat not updating in Chrome

3 years ago - Reply: 1 - Views: 81

Applying border to a checkbox in Chrome

4 years ago - Reply: 2 - Views: 118

open browser plugin using access vba

3 years ago - Reply: 1 - Views: 25

vé máy bay vé máy bay giá rẻ ve may bay ve may bay gia re vé máy bay vé máy bay giá rẻ ve may bay ve may bay gia re vé máy bay vé máy bay giá rẻ ve may bay ve may bay gia re vé máy bay vé máy bay giá rẻ ve may bay ve may bay gia re vé máy bay vé máy bay giá rẻ ve may bay ve may bay gia re vé máy bay vé máy bay giá rẻ ve may bay ve may bay gia re vé máy bay vé máy bay giá rẻ ve may bay ve may bay gia re