|
|
13 Ekim 2015, 22:07
|
#1 |
 
Üyelik tarihi: 23 Temmuz 2015
Mesajlar: 129 WEB Sitesi: * IRC Sunucusu: * İlgi Alanı: Alınan Beğeni: 16 |
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> Ş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%;
}
(Div kodlarını her bir video servisi için tek tek eklemeniz gerektiğini unutmayın). Demo Öncesi:  Sonrası:  Kaynak: r10 |
|
Alıntı
|
| Etiketler |
| getirme, hale, oynatıcıları, responsive, video |
| Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir) | |
| Seçenekler | |
| Stil | |
|
|
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 |
Normal
