Jump to content

Youtube videoEmbed scaling with Foundation 6


kuba2
 Share

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:

http://avexdesigns.com/responsive-youtube-embed/

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.

Website:

http://olikehrli.ch/videos/

My code:

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



                
                         <? echo $page->Videos; ?>

    

                </div>                     
            </div>
Do I have to put these videos in seperate textareas?
 
Thanks for any suggestions
 
Jakob
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
 Share

×
×
  • Create New...