lookjapan.COM - IRC ve mIRC dünyasının forumu!   buy vps


  lookjapan.COM - IRC ve mIRC dünyasının forumu! IF - Web Tabanlı Uygulamalar XenForo


Etiketlenen üyelerin listesi

Yeni Konu   Cevap Yaz

 
LinkBack Seçenekler Stil
Alt 13 Ekim 2015, 22:07   #1
 
Anti - ait Kullanıcı Resmi (Avatar)
 
Üyelik tarihi: 23 Temmuz 2015
Mesajlar: 129
WEB Sitesi: *
IRC Sunucusu: *
İlgi Alanı:
Alınan Beğeni: 16
Standart Video Oynatıcıları Responsive Hale Getirme

XenForo'da varsayılan olarak tüm video oynatıcılar fixed genişliktedir. Yani ilgili kodda hangi genişlik & yükseklik değerleri verildiyse o kadardır.

Video oynatıcıları responsive hale getirmek ise oldukça basittir.

Öncelikle hangi video servisini responsive yapmak istiyorsanız, onun kod sayfasını açın (/admin.php?bb-code-media-sites/ yoluyla erişebilirsiniz).

Ardından Embed HTML kodunu, şu şekilde bir div içine alın:

Kod:
<div class="responsiveVideoContainer">
video kodu
</div>
Ardından kaydedin.

Şimdi extra.css şablonunu açın ve ekleyin:

Kod:
.responsiveVideoContainer
{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    margin-bottom: 10px;
}

.responsiveVideoContainer iframe
{
    margin-bottom: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
Hepsi bu kadar. Artık video oynatıcınız responsive genişliğe sahip olacak.

(Div kodlarını her bir video servisi için tek tek eklemeniz gerektiğini unutmayın).

Demo

Öncesi:



Sonrası:


Kaynak: r10
 Anti isimli Üye şimdilik offline konumundadır   Alıntı

Yeni Konu   Cevap Yaz

Etiketler
getirme, hale, oynatıcıları, responsive, video


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık


Benzer Konular
Konu Konuyu Başlatan Forum Cevaplar Son Mesaj
You-Tube den Video Oynatma AntepLi Hazır Kodlar 2 28 Şubat 2019 18:39
Kreşte hastanelik eden ihmal! 2 yaşındaki çocuk tanınmaz hale geldi AntepLi Gündem 0 23 Şubat 2019 09:55
Bilgisayarınızı daha kolay kullanılır hale getirin Vesaire Windows 0 27 Ağustos 2016 12:42
Şırnak, Nusaybin ve Yüksekova’da 26 PKK’lı etkisiz hale getirildi IF-Haber Gündem 0 23 Mart 2016 16:18
Wordpress Video Teması Return WP Temaları 0 29 Kasım 2015 18:35

web hosting web hosting
 buy vds
 vps buy

Powered by vBulletin®
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.