Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

Embed ve Object Videoları CSS ile Responsive Yapalım


FacebookTwitterPinterestTumblrYazdır


Embed ve Object Videoları CSS ile Responsive YapalımGünümüzde bakıldığında videolar için "iframe" kullanılıyor. Ancak eskiden veya bazı eski player'larda olası bir şekilde embed veya object etiketleri kullanılabilmektedir. Esasen, jQuery ve JavaScript ile bu etiketlerin tam olarak nasıl Responsive yapılabileceği üzerine çok araştırma yapsam da, sonuca ulaşamadım.

Bu yüzden en azından Responsive özellik kazandırmak adına, sadece CSS kullanarak bir çözüm üretmeye çalıştım. Zaten birçok kaynakta da benzeri çözüm önerisini göreceksiniz. Araştırmalarımda da benzerlerini çok gördüm.

Sonuç olarak, sitenizdeki embed ve object etiketlerine sahip olan videoları Responsive yapmak istiyorsanız, temanızın CSS dosyasına aşağıdaki kodları eklemeniz yeterli olacaktır.

AYRICA: YouTube Videolarını Otomatik Responsive Yapmak

Embed ve Object Videoları CSS ile Responsive Yapalım

object, embed {
max-width: 100%!important;
width:100%!important;
}


    • Sevkan Söylemez
    • 24 Mart 2019, 01:43

    Böyle bir şeye ihtiyacım vardı sitemdeki videolar yamuk veya çok küçük gözüküyordu

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.
Yazı Etiketleri
Yukarı Çık