Kenarları Yuvarlatılmış YouTube Embed Nasıl Yapılır?


Daha önce Webrazzi’de ve Discord’un ana sayfasında bulunan YouTube ifram’lerinin (embed) kenarlarının yuvarlak olduğunu gördüm. Bunu nasıl yapabileceğimi araştırdım ve çok basit olduğunu gördüm. Dilerseniz aşağıdaki iframe’e bakarak da bunu görebilirsiniz. Hem kaynak kodlarını paylaşacağım hem de bunu nasıl bulduğumu.

Rounded Corners Youtube Embed

Yukarıdaki arama ile ulaştım istediğim yere. yapmamız gereken sadece şu kodu eklemek;

<!DOCTYPE html>
<html>
   <head>
     <style>
     iframe {
        border-radius : 25px;
        }
     </style>
  </head>
<body>
   <iframe width="640" height="360" src="https://www.youtube.com/embed/cnpTxJOQoPk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
   </body>
</html>

Buradaki YouTube video adresini istediğiniz gibi değiştirebilirsiniz. Daha sonra bunu WordPress veya farklı yerlerdeki html kodu ekleme bölümüne yapıştırarak normal embedlere göre daha şık bir YouTube iframe sağlayabilirsiniz.

Bu bilgiye ulaştığım site ise: https://forum.squarespace.com/topic/192470-embedded-video-rounded-corners/


Rıdvan Atmaca

Ben Rıdvan Atmaca. 2003 Bursa doğumluyum. Teknoloji, gündem, tarih konularına meraklıyım. Araştırma yapmak ve öğrenmek en büyük tutkum.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir