Materialize: Fullscreen youtube video in modal disappears

Created on 27 Apr 2015  路  13Comments  路  Source: Dogfalo/materialize

Having a youtube video inside a modal and going full screen shows website with modal overlay. Video is gone!

Happens in Chrome but not in Firefox.

Codepen

Most helpful comment

https://codepen.io/Serokruluy/pen/yJWgrq
.modal{
will-change: inherit
}

All 13 comments

Same problem here, can you please tell me if you find a trick ?

Thanks

Same issue here.... any fix?

+1 any solutions to this?

Same issue here, even if I include the iframe directly into the modal wrapper, removing the modal-content and the modal-footer.

+1 has there been a solution to this

+1, but looks like it's probably related to this Chromium bug

+1 I've been having this same issue, I've had to take out the fullscreen option in my videos to work around this.

+1 same issue in Chrome and Safari

+1 same issue here with Vimeo in Chrome

+1

https://codepen.io/Serokruluy/pen/yJWgrq
.modal{
will-change: inherit
}

Freaking awesome, thanks Anton!

The http://codepen.io/anon/pen/KpwXwr works fine for me now in Chrome and Firefox.

Probably Youtube made some changes already.

Was this page helpful?
0 / 5 - 0 ratings