Medias

Medias Shortcodes

Check out all the Medias options.


YouTube

HTML Shortcode

1
2
3
<div class="embed-responsive embed-responsive-16by9">
    <iframe frameborder="0" src="http://www.youtube.com/embed/oNBBijn4JuY?showinfo=0&amp;wmode=opaque"></iframe>
</div>

Vimeo

HTML Shortcode

1
2
3
<div class="embed-responsive embed-responsive-16by9">
    <iframe frameborder="0" src="//player.vimeo.com/video/67957799"></iframe>
</div>

4:3 aspect ratio

With Borders


HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
<div class="row">
    <div class="col-md-6">
        <h4>4:3 aspect ratio</h4>
        <div class="embed-responsive embed-responsive-4by3 mb-none">
            <iframe frameborder="0" src="http://www.youtube.com/embed/gQaXbSPQoDQ?showinfo=0&amp;wmode=opaque"></iframe>
        </div>
    </div>
    <div class="col-md-6">
        <h4>With Borders</h4>
        <div class="embed-responsive-borders">
            <div class="embed-responsive embed-responsive-16by9">
                <iframe frameborder="0" src="http://www.youtube.com/embed/oNBBijn4JuY?showinfo=0&amp;wmode=opaque"></iframe>
            </div>
        </div>
    </div>
</div>

Soundcloud

HTML Shortcode

1
2
3
<div class="embed-responsive embed-soundcloud">
    <iframe frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F67943430&amp;show_artwork=true&amp;maxwidth=132&amp;maxheight=1000" scrolling="no"></iframe>
</div>