Magnetic slides 100% viewport height?

[alexbruno]

Is there any way to scale a magnetic slide and its contents to 100% viewport height?

I'm placing HTML5 videos in each slide and they go to 100% width, which leaves lots of space on the top and bottom. It's OK if the left and right sides of the videos are cut off.

I've been playing with the styling but can't seem to nail down what can make this work.

Here's a URL to an example page: http://abrudesign.com/beautytest3/videos/

Any help is appreciated, thanks!

Thanks!

[arminunruh]

Hey alexbruno!

Yeah, this is a feature that I implemented for youtube, vimeo videos and images. But I still need to make this work for html5 videos as well.

This is the option that enables the "max-width" and "max-height" in the magnetic slides options screen:
"Give images and videos a max-width and max-height and center them"

I'm going to make this work maybe like next week. Will let you know.

[alexbruno]

@arminunruh

Ah, awesome! That's good to know. I was thought something was weird when I was adjusting the max-width max-height value and no changes were being made.

Thanks, I'll be on the lookout for any updates.

[arminunruh]

Hey, I just published the magnetic slides update. Let me know if it works for you!

[MAN]

Hello!

I'm trying to accomplish something like this slider with the magnetic slides addon: http://www.wearecollins.com

I mean: a classic fullscreen slider with the projects. I can't set it up to fit in the browser, reducing the width shows blank space up and down. As alexbruno said, It's OK if the left and right sides are cut off.

I have "Give images and videos a max-width and max-height and center them" activated with 100%.

Can it be done?

Thanks!

[arminunruh]

Hey MAN!
The way to do this is this: http://laytheme.com/how-to-use.html#full-bleed-images
Full bleed images, essentially row background images with the rows set to height of browser.
Then you could put some text in those rows that link to your projects.

[MAN]

Great, thanks!

[Gonzalo]

Hello! I'm trying to do this as well, but it leaves lots of space on the top and bottom.
I'm doing it with a mp4 and with a vimeo video, but both have the same issue.
You can take a look here: http://work.gonzalosanchez.co/testvideo/
Any help would be great, thank you!

[arminunruh]

Hey Gonzalo,
You can activate "Give images and videos a max-width and max-height and center them" and use a percentage like 90% in the magnetic-slides/"fullscreenslider" options. This way your video will always fit into a browser height and width.
But there's no way to make a vimeo video fill the whole screen (without borders around) right now.

I think in your link you just have a video that spans all columns.

[Gonzalo]

Oh, I guess I didn't understand then, so is not possible to have a full screen video, right?

[arminunruh]

Yea right.
That's a feature that I want to work on one day.

[MAN]

This post is deleted!

[arminunruh]

hey MAN
I just did an update for the fullscreen slider and now that should work too :D