Youtube videoEmbed scaling with Foundation 6

[kuba2]

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

[LostKobrakai]

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.

[kuba2]

Fantastic!

Thanks a lot