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/
