<p>
	Use any number of media elements within your Joomla <span class="highlight">articles or modules</span>.<br/>
	They can easily be added inside the editor by using <strong>
	<a class="yjsg-link-lightbox" href="images/docs/media-lg.jpg">
		[yjsgfa name="fa fa-picture-o"] Media shortcode form
	</a>
	</strong> located under text editor or by adding shortcodes directly.
</p>
<div class="yjsg-row">
	<div class="yjsg-col-1">
		<div class="yjsg-hr-empty"></div>
		<div class="yjsg-hr-small-hrsolid famedium facolor fa fa-music"></div>
		<h2>Audio</h2>
		[yjsgmedia link="images/docs/lauren.mp3" poster="" width="" height="" resp="yes" id="yjsg_media137"]
		<div class="yjsg-hr-empty"></div>
		<h3 class="yjsg-sub-heading">shortcode:</h3>
		[yjsgpre pretty="1" scroll="0"]
		{yjsgmedia link="link to mp3" poster="" width="" height="" resp="yes" id="yjsg_media137"}
		[/yjsgpre]
		<div class="yjsg-hr-empty"></div>
		<div class="yjsg-hr-small-hrsolid famedium facolor fa fa-video-camera"></div>
	</div>
	<div class="yjsg-col-1">
		<h2>HTML5 video</h2>
		[yjsgmedia link="images/docs/small.mp4" poster="images/docs/html5-poster.jpg" width="640" height="360" resp="yes" id="yjsg_media289"]
		<div class="yjsg-hr-empty"></div>
		<h3 class="yjsg-sub-heading">shortcode:</h3>
		[yjsgpre pretty="1" scroll="0"]
		{yjsgmedia link="link to mp4" poster="link to image" width="640" height="360" resp="yes" id="yjsg_media289"}
		[/yjsgpre]
		<div class="yjsg-hr-empty"></div>
		<div class="yjsg-hr-small-hrsolid famedium facolor fa fa-youtube-play"></div>
	</div>
	<div class="yjsg-col-1">
		<h2>Youtube video</h2>
		[yjsgmedia link="https://www.youtube.com/watch?v=0KSOMA3QBU0" poster="" width="640" height="360" resp="yes" id="yjsg_media253"]
		<div class="yjsg-hr-empty"></div>
		<h3 class="yjsg-sub-heading">shortcode:</h3>
		[yjsgpre pretty="1" scroll="0"]
		{yjsgmedia link="link to youtube" poster="" width="640" height="360" resp="yes" id="yjsg_media253"}
		[/yjsgpre]
		<div class="yjsg-hr-empty"></div>
		<div class="yjsg-hr-small-hrsolid famedium facolor fa fa-vimeo-square"></div>
	</div>
	<div class="yjsg-col-1">
		<h2>Vimeo video</h2>
		[yjsgmedia link="http://vimeo.com/50700106" poster="" width="640" height="360" resp="yes" id="yjsg_media291"]
		<div class="yjsg-hr-empty"></div>
		<h3 class="yjsg-sub-heading">shortcode:</h3>
		[yjsgpre pretty="1" scroll="0"]
		{yjsgmedia link="link to vimeo" poster="" width="640" height="360" resp="yes" id="yjsg_media291"}
		[/yjsgpre] </div>
</div>
