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

alattin (16999) 6 yıl önce sordu

Herhangi bir siteye Youtube'den alınmış videoyu yerleştirebiliyoruz.

Siteye eklediğimiz Youtube videosu varsayılan olarak video sahibinin seçtiği görsel ile sitede görüntülenir.  Youtube gömülü (embedded) videonun önizleme resmi  (thumbnail) nasıl değiştirilir?  Bunun bir yöntemi var mı?

Toplam 1 cevap


alattin (16999) 6 yıl önce cevapladı

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.