.container {
text-align: center;
}
.container .img {
display: inline-block;
width: 12%;
}
.container .img img {
max-width: 100%
}
<div class="container">
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
<div class="img">
<img src="http://lorempixel.com/400/200/" alt="">
</div>
</div>
$('document').ready(function() {
$('#wrapper').tubular({
videoId: 'код видео',
onVideoEnd: function(){
/* ф-ция, котороя вызовется, когда видео закончится */
}
});
});