<style type="text/css">
#myModal{margin-top:0px;}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="bs-example"><!-- Button HTML (to Trigger Modal) --><!-- Modal HTML -->
<div class="modal fade" id="myModal">
<div class="modal-dialog" style="width:90%;">
<div class="modal-content">
<div class="modal-header" style="border: none; padding-bottom:0px;"><button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button></div>
<div class="modal-body">
<center><img class="img-responsive text-center" src="" style="width:100%;" /></center>
<iframe __idm_id__="952624129" allow="autoplay" frameborder="no" height="0" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks..." width="100%"></iframe>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(window).on('load',function(){
$('#myModal').modal('show');
});
setTimeout(function(){
$('#myModal').modal('hide');
},32000);
</script>