He visto una plantilla, que tiene la siguiente estructura:
<div class="top-grid-left-left-grids">
<div class="col-md-8 top-grid-left-img">
<div data-video="Bzt6h5uFWOU" id="video">
<img src="images/f12.jpg" alt="Use your own screenshot.">
<div id="play" style=""></div>
</div>
</div>
<div class="col-md-4 top-grid-left-info">
<a class="text" href="single.html">Fusce ornare congue ligula vel placerat</a>
<p>Nam id sollicitudin felis. Nulla non bibendum arcu. Vestibulum non venenatis risus.Suspendisse venenatis venenatis mi.</p>
<div class="t-grid">
<ul>
<li><a href="#"><i class="fa fa-clock-o"></i> 2h</a></li>
<li><a href="#"><i class="fa fa-user"></i> Ornare Congue</a></li>
</ul>
</div>
</div>
<div class="clearfix"> </div>
</div>
Donde la imagen previa se muestra en <img src="images/f12.jpg" alt="Use your own screenshot.">
Y el vídeo se reproduce mediante un div
<div id="play" style=""></div>
Este método lo realiza esta demostración de esta plantilla
¿Como puedo reproducir un vídeo con la url del vídeo usando jQuery, sin tener que añadir un iframe de inserción de youtube?
Nota: Los datos de los vídeos y la url de la misma las obtengo mediante una consulta a la base de datos mysqli/php.