Video, SoundCloud etc.

It is important here to place you iframes in <div class="flex-video">...</div> This is a feature from Foundation 5 framework and it makes iframes responsive and well positioned.

Demo paragraph

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis consequuntur pariatur porro quisquam nesciunt aliquam quam veniam natus neque. Laborum numquam optio ipsa ea eligendi nisi assumenda asperiores dolorum illum? Nemo quo sapiente deleniti possimus ea quasi. Quae a, cum. Fuga asperiores, consequuntur deleniti rerum incidunt saepe architecto, libero ut, autem cumque sit dolore laboriosam, magni esse nulla dignissimos! Rem reprehenderit cum totam, magni veniam nesciunt beatae, illum alias.

SoundCloud

Code used:

<div class="flex-video">  
    <iframe src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/2818492&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
</div>  

Vimeo example

Used code:

<div class="flex-video">  
    <iframe src="//player.vimeo.com/video/65230011"></iframe>
</div>  

Comments

comments powered by Disqus