.svg instead of animated gif for loading animation
Design and Skin Customization
It supports transparency and the overall quality compared to animated gif is like comparing HD to etch-a-sketch.
{$_mods.[$item.action_data.comment_module].module_name}
{$_mods.{$item.action_data.comment_module}.module_name}
<div class="media" style="text-align:center">
<a onclick="atYoutube_modal('#youtube_2628');" title="DD Wahm by Clear"><img src="https://img.youtube.com/vi/_HAdKCzhtH8/default.jpg" width="35%" /></a>
</div>
<div id="youtube_2628" class="search_box" style="display:none;">
<div style="float:right;">
<input type="button" class="simplemodal-close form_button" value="x">
</div>
<script type="text/javascript">
$(document).ready(function() {
var id = $('#ytplayer');
var tw = id.width();
var th = Math.round(tw / 1.778);
if (th < 300) {
th = 300;
}
id.height(th);
});
</script>
<iframe id="ytplayer" type="text/html" width="" height="" src="https://www.youtube.com/embed/_HAdKCzhtH8?autoplay=&wmode=transparent&rel=0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<div class="clear"></div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
{* 16:9 aspect ratio instead of fixed height.*}
var id = $('#ytplayer{$unique_id}');
var tw = id.width();
var th = Math.round(tw / 1.778);
if (th < 300) {
th = 300;
}
id.height(th);
});
</script>
<iframe id="ytplayer{$unique_id}" type="text/html" width="{$params.width}" height="{$params.height}" src="https://www.youtube.com/embed/{$item.action_data.youtube_id}?autoplay={$params.auto_play}&wmode=transparent&rel=0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<a href="{$jamroom_url}/{$item.action_original_profile_url}"