Embedded Media Flickr

Live

Notes
HTML
Info

Embedded media - Flickr

An embedded Flickr gallery.

The wrapping <div class="embedded-media"> forces the embedded item into a 16:9 ratio. This wrapper also forces the embedded item to scale responsively within the viewport.


        
        <!-- COMPONENT: Embedded media - Flickr -->
<div class="embedded-media">
    <iframe src="https://www.flickr.com/photos/uniofbath/albums/72157682125594374/player/" class="flickr" frameborder="0" allowfullscreen="" webkitallowfullscreen="" mozallowfullscreen="" oallowfullscreen="" msallowfullscreen=""></iframe>
</div>
<!-- End component: Embedded media - Flickr -->

Handle: @embedded-media-flickr
Preview:
- With layout
- Component only
Filesystem Path: components/ingredients/common-ingredients/embedded-media/embedded-media-flickr/embedded-media-flickr.hbs