lostyazilim
tr.link

Videoyu %100 ekrana sığdırmak

7 Mesajlar 8.283 Okunma
acebozum
tr.link

ankarahaber ankarahaber Sms Onayı Gerekli Banlı Kullanıcı
  • Üyelik 23.12.2012
  • Yaş/Cinsiyet 40 / E
  • Meslek Yönetici
  • Konum Ankara
  • Ad Soyad ** **
  • Mesajlar 91
  • Beğeniler 48 / 2
  • Ticaret 0, (%0)
Dostlar,
Youtube'den embed kodunu sitemize eklediğimiz zaman tam ekran olarak açılmasını istiyorum. Yani Yüzde yüz genişliğinde olması lazım.
Yani linkle tıklanıldığı zaman video boyutu ekranın tamamını kaplamalı, mobil cihazlarda da oraya göre ayarlanmalı.

* Bir diğer sorum: Tarayıcının adres satırının tam alına videonun üstüne gelecek şekilde kapat düğmesi nasıl yapabilirim. Bir örnek yapabilirseniz çok memnun olurum. Forumdaki diğer arkadaşlara da yardımcı olur.
 

 

wmaraci
webimgo

cihaneken cihaneken Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 25.07.2014
  • Yaş/Cinsiyet 31 / E
  • Meslek Elektrik Teknisyeni
  • Konum Fransa
  • Ad Soyad C** E**
  • Mesajlar 3508
  • Beğeniler 488 / 1190
  • Ticaret 1, (%100)
https://code.google.com/archive/p/jquery-tubular/downloads

demo: http://seanmccambridge.com/tubular
 

 

ankarahaber ankarahaber Sms Onayı Gerekli Banlı Kullanıcı
  • Üyelik 23.12.2012
  • Yaş/Cinsiyet 40 / E
  • Meslek Yönetici
  • Konum Ankara
  • Ad Soyad ** **
  • Mesajlar 91
  • Beğeniler 48 / 2
  • Ticaret 0, (%0)
Merhaba ilgili sayfadki kodlara müdahele ederken orjinal video kdu şu şekilde

'';
Bizim video kodu Değiştirdiğimizde video çalışmıyor

Ek Olarak:

Hocam yazdığım cevap noktasında yardımcı olabilir misin?
 

 

cihaneken cihaneken Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 25.07.2014
  • Yaş/Cinsiyet 31 / E
  • Meslek Elektrik Teknisyeni
  • Konum Fransa
  • Ad Soyad C** E**
  • Mesajlar 3508
  • Beğeniler 488 / 1190
  • Ticaret 1, (%100)
ankarahaber vermiş olduğum bağlantıdan indirdiğin ZİP dosyasının içerisindeki index.html dosyasını aşağıdaki şekilde düzenleyeceksin. Daha sonra tam ekran yapmak istediğin videonun id sini sayfadaki 'e4Is32W-ppk' id ile yer değiştirceksin ve artık o index.html sayfasında senin videon çalışacak. Fakat bilgisayarda çalışmaz çalışması için bilgisayarında localhost kurulu olması gerek.




tubular, a YouTube Background Player jQuery Plugin | Sean McCambridge Design





<script></script>
<script></script>
<script>
$('document').ready(function() {
var options = { videoId: 'e4Is32W-ppk', start: 3 };
$('#wrapper').tubular(options);
// f-UGhWj1xww cool sepia hd
// 49SKbS7Xwf4 beautiful barn sepia
});
</script>









Youtube video id sinin ne olduğunu bilmiyorsan şayet.
Örnek;

https://www.youtube.com/watch?v=2nlOIsHUCu0


yukarıdaki adreste watch?v= den sonra gelen karmaşık sayı ve harfler video id si oluyor.
ankarahaber

kişi bu mesajı beğendi.

wmaraci
wmaraci

SpecBrain SpecBrain WM Aracı Kullanıcı
  • Üyelik 15.06.2014
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad C** Y**
  • Mesajlar 476
  • Beğeniler 10 / 69
  • Ticaret 1, (%100)
Güzel faydalı bilgi.
 

 

bsakizli bsakizli Bilgisayar Programcısı Kullanıcı
  • Üyelik 17.01.2012
  • Yaş/Cinsiyet 29 / E
  • Meslek Yönetim Bilişim Sistemleri Uzm
  • Konum
  • Ad Soyad B** S**
  • Mesajlar 925
  • Beğeniler 102 / 79
  • Ticaret 2, (%100)
Dostum bunun çok değişiklik yöntemleri var arkadaşlar zaten söylemiş coğunu
 

 

MBugra MBugra Junior Front End Develope Kullanıcı
  • Üyelik 27.06.2016
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad B** A**
  • Mesajlar 72
  • Beğeniler 2 / 13
  • Ticaret 4, (%100)
Kodlar aşağıda
Önizleme https://codepen.io/ejderya/full/gMmJMN/





Tam Ekran Youtube Video









looktr

kişi bu mesajı beğendi.

Frond End Developer
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al