Fizy’e girdiğimde eyvah eyvah’ın videosunu görünce dedim bunlar bunu nasıl yapmışlar :) Tabi merak her zaman iyi değildir ama böyle şeyleri görünce merak edip aynısını yapamasam da benzerini yapamazsam uyuyamam..Hiçbir yerde kullanmasam bile sistemi öğrenmek gerekli diye düşündüm :)
Bu amaçla iki tane jquery video background sistemi buldum..İlki pek kesmedi beni ama ikincisi oldukça güzeldi.
Yani sistem bu şarkıya yaptığım gibi arkaplanda youtube videolarını oynatmak ama flashla değil :) Onun yerine jqueryle oynatmaktı..

Bu sayfada sistemin asıl demosu bulunuyor..Ben şarkının 480p lik versiyonunu bulduğumdan ekranı tam fitlemiyor :) Olsun siz yerine sağlam bir hd koyarsanız daha iyi olacaktır..
Öncelikle sistemi buradan indirelim.
Ardından çıkan dosyaların içerisinden demo_background.html dosyasından
1 | < a id = "bgndVideo" class = "movie {isBgndMovie:{width:'window',mute:false}, ratio:'16/9',quality:'default'}" href = "http://www.youtube.com/watch?v=kbXaIvz6s0o" >Beyazıt</ a > |
Ayrıca eğer videonun üzerindeki yazıyı video başladığında gözüksün istiyorsanız movie tagına “opacity:.8, ” değerini de eklerseniz görünecektir..Ben gereksiz diye o kodu kaldırdım..
Mute değerini true yaparsanız arkaplanda video oynar ve ses çıkmaz..Yani background olarak kullanabilirsiniz o zaman sitelerinizde..
Ratio değeri ise monitör genişliğiyle alakalı..İki tane bildiğimiz monitör genişliği vardır..Biri 4/3 oran diğeri ise 16/9 dur..Geniş ekran kullandığımızdan genelde 16/9 kullanıyoruz.
Diğer bilgileri ytplayer‘ın wiki sayfasından bakabilirsiniz..
Birazdan eğer bir işim vs çıkmazsa basit bir wordpress teması üzerinden kolay kullanımını yapmayı düşünüyorum :)
0 Yorum:
Yorum Gönder