Web Site Arkaplanında Video Oynatmak

Web Tasarımı - Web Site Arkaplanında Video Oynatmak Sponsorlu Bağlantılar Merhaba Arkadaşlar, size bu sıralar pek çok sitede kullanılan bir çalışmadan bahsedeceğim. Bazı sitelerde web sayfaların arka planında ekranı kaplayan videolar bulunmakta ve bunun üzerinde ise site inşaa ...

Cevapla
Web Site Arkaplanında Video Oynatmak
MARVEL isimli Üye şimdilik offline konumundadır

MARVEL

Eğitimci / Kocaeli

Standart

Web Site Arkaplanında Video Oynatmak

Alt 21-04-2013 #1
Sponsorlu Bağlantılar

Merhaba Arkadaşlar, size bu sıralar pek çok sitede kullanılan bir çalışmadan bahsedeceğim. Bazı sitelerde web sayfaların arka planında ekranı kaplayan videolar bulunmakta ve bunun üzerinde ise site inşaa edilmektedir. Yani arka planda video oynatılırken sitenin diğer materyalleri ( butonlar, resimler, yazılar vs.) bu videonun üzerinde bulunmaktadır. İşte bugün bu konudan sizlere bahsedeceğim. İnşallah beğenirsiniz.

Size kendi yapmış olduğum çalışmanın indirme linkini vereceğim, çünkü çalışan dosyanın sizde örnek olarak durmasında yarar var. Ona bakarak kendi web sitenizin arka planına video koyabilirsiniz. Ama bazı şeyleri de burada anlatarak sizlere yol göstermek istiyorum. Dikkatlice okursanız hiçbir sorun olmayacaktır.

Örneğin İncelenmesi.

Aşağıdaki kodlar <head> ile </head> Arasında olmalıdır.

<link rel=”stylesheet” href=”css/style.css”>
<link rel=”stylesheet” href=”css/bigvideo.css”>
<script src=”js/modernizr-2.5.3.min.js”>

<body> ve </body> arasında yer vereceğiniz şeyler tamamen videonun üzerinde olacağından istediğiniz gibi sitenizi yapabilirsiniz. Kısacası burada video ile ilgili hiçbir şey yoktur. Sadece sitenizi divlerle veya tablolarla oluşturdurktan sonra onların en altına aşağıdaki kodları yerleştirmeniz gerekmektedir.

<!– BigVideo ile çalışan scriptler –>
<script src=”//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js”></script>
<script>window.jQuery || document.write(‘<script src=”js/jquery-1.7.2.min.js”></script>’)</script>
<script src=”js/jquery-ui-1.8.22.custom.min.js”></script>
<script src=”js/jquery.imagesloaded.min.js”></script>
<script src=”http://vjs.zencdn.net/c/video.js”></script>

<!– BigVideo scripti –>
<script src=”js/bigvideo.js”></script>

<!– Video özellikleri –>
<script>
$(function() {
var BV = new $.BigVideo();
BV.init();
if (Modernizr.touch) {
BV.show(‘img/background-dock.jpg’);
} else {
BV.show(‘vids/dock.mp4‘,{ambient:true});
}
});
</script>



Yukarıdaki kırmızı yazıyla yazılmış kısımdaki yer vids klasörünün içinde ki videonun adıdır. Kendi videonuzu Bu kısma uzantısıyla birlikte koymanız gerekmektedir. Sonrasında web sitenizin arka planında vids klasörünün içinde olan video arka planda oynatılacaktır.

Bu çalışmayla birlikte artık web sitenizin arkasında videolarınızı istediğiniz gibi oynatabileceksiniz. Kolay gelsin. Sorularınız olduğuna yorum kısmında bana ulaşabilirsiniz.

ÇALIŞMAYI GÖRMEK İÇİN TIKLAYIN
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

Cevapla

Tags
arkaplanda video, oynatma

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Ekranı bölmek ve her bölmede birbirinden bağımsız farklı video oynatmak. MIY1988 Edius 17 25-10-2015 20:06:30
Site video introsu KAYIBEY Reklam Videoları 2 04-05-2012 20:33:28
Google Site İçi Arama Motoru Oluşturma / Video Ders Furkan EKMEN Video Dersleri 2 23-03-2012 10:42:45
videoları sırayla oynatmak volkansoner Flash 4 23-02-2010 22:38:45
flaşlı bir web site yapma video su ? emrevzr Web Tasarımı 5 24-01-2009 14:07:28

Kapat
Şifremi Unuttum?