bootsrap

<div class="col-md-5 col-md-5 col-md-offset-1 no-padding ">
<!---video besar
</div>

<div class="col-md-2 col-md-2">
	<ul class="media-list main-list">
		<li class="media">
		<div class="embed-responsive embed-responsive-16by9">
         <!---video kecil iframe-->
       </div>
	</li>
	<li class="media">
	<div class="embed-responsive embed-responsive-16by9">
           <!---video kecil iframe-->
    </div>
	</li>
	</ul>
</div>




<div class="col-md-3">
			<div class="panel panel-default">
				<div class="panel-body">
					<!----Gambar disamping
				</div>
			</div>
	</div>
</div>