Youtube gömülü (embedded) videonun önizleme resmi (thumbnail) nasıl değiştirilir?

Youtube gömülü (embedded) videonun önizleme resmi  (thumbnail) nasıl değiştirilir?

Normalde Youtube gömülü (embedded) videonun önizleme resmini youtube değiştirmenize olanak vermiyor. Fakat biraz HTML ve CSS ile bunu değiştirmek, en azından sitede görünen resmi değiştirmek mümkün. 

<div onclick="this.nextElementSibling.style.display='block'; this.style.display='none'">
   <img src="yeni-video-resmi.png" style="cursor:pointer" />
</div>
<div style="display:none">
   <iframe width="560" height="315" src="https://www.youtube.com/embed/vBTPSoYSpxE" frameborder="0" allowfullscreen></iframe>
</div>

Yukarıdaki kod ile Youtube gömülü video resmini değiştirmek mümkün.

yeni-video.resmi.png web sitenizde görünecek olan resimdir.  iframe ile başlayan kod ise Youtube embed kodudur.