Youtube Videos break Grid Masonry

Viewing 4 posts - 1 through 4 (of 4 total)

March 15, 2013 at 3:42 pm March 15, 2013 #13400

rgtindall
Participant

http://portfolio.tindalldesign.com/

When the content is made up entirely of youtube videos there is a lot of white space in between each row.

March 15, 2013 at 6:05 pm March 15, 2013 #13403

rgtindall
Participant

Oh, also it refits it appropriately once you restore and maximize the screen. Not sure if that helps at all. =/

March 15, 2013 at 8:34 pm March 15, 2013 #13410

rgtindall
Participant

Turns out adding something without an embedded video fixes that specific page. You can still see the issue on a page with nothing but video.

http://portfolio.tindalldesign.com/?cat=9
March 16, 2013 at 12:37 am March 16, 2013 #13430

Daniel Tara
Keymaster
The only explanation that comes to my mind is that it takes longer for the videos to load than the masonry script to execute and that’s why the discrepancy. Try wrapping the masonry function call in a setTimeout function, like this:
```
setTimeout(function() {
// Call to masonry()
}, 500);
```

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

About Us

We craft beautiful free WordPress themes with advanced functionality. Our themes are licenced under GPL and completely free, which means you can use them in any way you like, whether it’s powering up your website, giving your blog a new look, using it for some other project or modifying and redistributing them.

Never miss another release!

Subscribe to our newsletter and we'll keep you updated with new theme releases and recommendations.