Dün videoların küçülmediğini fark ettim ve araştırdım paylaşacağım eklentiyi buldum. Benim işimi gördü sizin de işinizi görmesi için paylaşıyorum.
Youtube videolarınızı bu eklenti üzerinden paylaşırsanız responsive olarak paylaşır ve tasarımınızı mobilde bozmaz.
Eklenti Linki: https://wordpress.org/plugins/advanced-responsive-video-embedder/
Youtube Videoyu Responsive Olarak Paylaşabilmek |
12 Mesajlar | 1.407 Okunma | ||
- Üyelik 29.06.2014
- Yaş/Cinsiyet 33 / E
- Meslek Özel
- Konum İstanbul Anadolu
- Ad Soyad E** B**
- Mesajlar 1305
- Beğeniler 134 / 415
- Ticaret 5, (%100)
- Üyelik 03.12.2014
- Yaş/Cinsiyet 27 / E
- Meslek SARUHAN HOLDING - Fakir Elektr
- Konum İstanbul Avrupa
- Ad Soyad Ç** K**
- Mesajlar 3537
- Beğeniler 253 / 1236
- Ticaret 8, (%100)
Hocam eklenti kullanmadan da yapabilrisiniz. Geçen benimde başıma gelmişti. Ben eklentisiz yaptım.
cagdaskorkmaz.com.tr
- Üyelik 24.06.2011
- Yaş/Cinsiyet 33 / E
- Meslek Front End Developer
- Konum İstanbul Avrupa
- Ad Soyad F** Ş**
- Mesajlar 2933
- Beğeniler 745 / 744
- Ticaret 60, (%100)
css'de iframe tagına width: 100% height: auto vermeniz yeterli olacaktır.
- Üyelik 20.04.2015
- Yaş/Cinsiyet 34 / E
- Meslek öğrenci
- Konum Konya
- Ad Soyad T** C**
- Mesajlar 173
- Beğeniler 38 / 29
- Ticaret 7, (%100)
video-player img width değerini 100% yap
- Üyelik 29.06.2014
- Yaş/Cinsiyet 33 / E
- Meslek Özel
- Konum İstanbul Anadolu
- Ad Soyad E** B**
- Mesajlar 1305
- Beğeniler 134 / 415
- Ticaret 5, (%100)
css'de iframe tagına width: 100% height: auto vermeniz yeterli olacaktır.
video-player img width değerini 100% yap
Video ile ilgili bir tek bu var.
/* responsive videos
/* ------------------------------------ */
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }Ek Olarak: Sizin dediğiniz embed kodu eklerken div tagını mı kullanmak mı?
- Üyelik 18.11.2011
- Yaş/Cinsiyet 35 / E
- Meslek Web Developer
- Konum İstanbul Avrupa
- Ad Soyad B** Ç**
- Mesajlar 3270
- Beğeniler 1014 / 1983
- Ticaret 53, (%100)
- Üyelik 29.06.2014
- Yaş/Cinsiyet 33 / E
- Meslek Özel
- Konum İstanbul Anadolu
- Ad Soyad E** B**
- Mesajlar 1305
- Beğeniler 134 / 415
- Ticaret 5, (%100)
Tek tek div koduyla uğraşmaktansa benim dediğim özellik en basiti gibi duruyor.
- Üyelik 25.02.2013
- Yaş/Cinsiyet 32 / E
- Meslek Web Programlama
- Konum Denizli
- Ad Soyad R** K**
- Mesajlar 421
- Beğeniler 36 / 96
- Ticaret 1, (%100)
tam olarak bundan mı bahsediyosunuz bilmiyorum ama youtube videosunu
https://www.youtube.com/watch?v=RD5ug7Jqa9M böyle değilde
https://www.youtube.com/v/RD5ug7Jqa9M böyle eklerseniz full ekran alır :)
https://www.youtube.com/watch?v=RD5ug7Jqa9M böyle değilde
https://www.youtube.com/v/RD5ug7Jqa9M böyle eklerseniz full ekran alır :)
- Üyelik 29.06.2014
- Yaş/Cinsiyet 33 / E
- Meslek Özel
- Konum İstanbul Anadolu
- Ad Soyad E** B**
- Mesajlar 1305
- Beğeniler 134 / 415
- Ticaret 5, (%100)
ramazankonur adlı üyeden alıntı
tam olarak bundan mı bahsediyosunuz bilmiyorum ama youtube videosunuhttps://www.youtube.com/watch?v=RD5ug7Jqa9M böyle değilde
https://www.youtube.com/v/RD5ug7Jqa9M böyle eklerseniz full ekran alır :)
Bundan bahsetmedim ama iyiymiş bilgim oldu :)
- Üyelik 24.06.2011
- Yaş/Cinsiyet 33 / E
- Meslek Front End Developer
- Konum İstanbul Avrupa
- Ad Soyad F** Ş**
- Mesajlar 2933
- Beğeniler 745 / 744
- Ticaret 60, (%100)
The Analyzer adlı üyeden alıntı
Video ile ilgili bir tek bu var.Ek Olarak: Sizin dediğiniz embed kodu eklerken div tagını mı kullanmak mı?
Hepsi ile tek tek uğraşmayacaksın hocam. Sadece bir kez ekliyorsun, o her zaman otomatik olarak videoyu genişletiyor.
CSS'de en alt satıra şunu ekle sorunun çözülür.
iframe, embed {
width: 100%;
height: auto;
}
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)