preloder

Video Galeri

<img src="http://placehold.it/640x360" class="video-thumb" data-vimeo-id="46145750" />

.vimeo-wrapper {
display: inline-block;
position: relative;
cursor: pointer;
}
.vimeo-wrapper .play-icon {
position: absolute;
z-index: 1000;
content: '';
display: block;
width: 100%;
height: 100%;
background: url(../img/icon-play.png) no-repeat center center;
}
.vimeo-wrapper {
display: inline-block;
position: relative;
cursor: pointer;
}
.vimeo-wrapper .play-icon {
position: absolute;
z-index: 1000;
content: '';
display: block;
width: 100%;
height: 100%;
background: url(../img/icon-play.png) no-repeat center center;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery-smartvimeoembed.min.js"></script> 

<script>
$(document).ready(function(){
$('.video-thumb').smartVimeoEmbed({
idSelectorName: 'vimeo-id',
autoplay: true,
width: 640,
onComplete: function(){},
onError: function(){}
});
});
</script>