lostyazilim
tr.link

Youtube Videoyu Responsive Olarak Paylaşabilmek

12 Mesajlar 1.536 Okunma
acebozum
tr.link

TheAnalyzer TheAnalyzer WM Aracı Kullanıcı
  • Ü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)
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/
 

 

wmaraci
reklam

Korkmaz Korkmaz cagdaskorkmaz Kullanıcı
  • Üyelik 03.12.2014
  • Yaş/Cinsiyet 28 / E
  • Meslek SARUHAN HOLDING - Fakir Elektr
  • Konum İstanbul Avrupa
  • Ad Soyad Ç** K**
  • Mesajlar 3536
  • 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

Shrikeen Shrikeen Frontend Developer Kullanıcı
  • Üyelik 24.06.2011
  • Yaş/Cinsiyet 34 / 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.
 

 

tayfur tayfur Üyeliği Durdurulmuş Banlı Kullanıcı
  • Ü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
 

 

wmaraci
wmaraci

TheAnalyzer TheAnalyzer WM Aracı Kullanıcı
  • Ü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)

Ferdi Şahin adlı üyeden alıntı

css'de iframe tagına width: 100% height: auto vermeniz yeterli olacaktır.


tayfur adlı üyeden alıntı

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ı?
 

 

cgrclk cgrclk Fortis Fortuna Adiuvat Kullanıcı
  • Ü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)
En güzeli bu bence:

http://fitvidsjs.com/
 

 

TheAnalyzer TheAnalyzer WM Aracı Kullanıcı
  • Ü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.
 

 

ramazankonur ramazankonur WM Aracı Kullanıcı
  • Ü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 :)
 

 

TheAnalyzer TheAnalyzer WM Aracı Kullanıcı
  • Ü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 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 :)


Bundan bahsetmedim ama iyiymiş bilgim oldu :)
 

 

Shrikeen Shrikeen Frontend Developer Kullanıcı
  • Üyelik 24.06.2011
  • Yaş/Cinsiyet 34 / 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;
}
 

 

Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al