Jump to content

Youtube videoEmbed scaling with Foundation 6


Recommended Posts

Hi there

I'm struggling with my embedded youtube videos. They're too big on mobile. I am using the VideoEmbed module from processwire.

I tried this method:


It works, but for one single video.

I have a Textarea with text and multiple embedded youtube-links, and it goes crazy, when I use the above method.



My code:

            <div class="row">
                <div class="small-12 large-8 medium-8 medium-push-2 columns" id="bgvideo" >

                         <? echo $page->Videos; ?>


Do I have to put these videos in seperate textareas?
Thanks for any suggestions
Link to comment
Share on other sites

You need to put every video – and only the video iframe – in a separate video-container. If you do that in the textarea or anywhere in your code does not matter, as long as it's there. 

Edit: Foundation 6 does already have a class for that http://foundation.zurb.com/sites/docs/flex-video.html. Just to make you aware.

  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...