Web Sayfalarının Arka Plan Zemininde YouTube Videolarını Döndürün

teknoloji haberinin
değil, bilgisinin
peşinde...

"WEB"in Son Çıkan Önemli Yazıları

Revaçta Olan Konular

Sitede şu an 1546 yazı bulunmaktadır.

Follow @esibercom

Gerçek İnternet Hızı Ölçüm ve Test Aracı

Online Virüslü ve Zararlı Siteleri Tespit Edin

Özel Yazılar

Çok Okunanlar

Son Yazılar

Rastgele Yazılar

Son Yorumlar

Tubular, web sayfalarının arka plan tasarımında resim yerine YouTube videolarını oynatmayı sağlayan oldukça ilginç bir jQuery eklentisidir. Web sayfalarının arka planında döndürmek istediğiniz YouTube videosunun ID kodunu uygulamaya tanıtarak, sayfanın zemininde sürekli olarak bir videonun dönmesini sağlayabiliyorsunuz.

Uygulama doğrudan web sayfanızın <body> etiketine bağlı olarak çalışmaktadır. Sizin yapmanız gerekenler ise oldukça basit. Öncelikle alttaki tanımlamaları <head>...</head> arasına yapıyorsunuz:

<script type="text/javascript" charset="utf-8" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>
<script type="text/javascript" charset="utf-8" src="js/jquery.tubular.js"></script>

Ardından web sayfasının en genel div tanımlamasını class adını ve YouTube videosunun ID'sini içinde barındıran ve bunu da body etiketi içinde çalıştıran harici bir Javascript hazırlıyoruz:

$().ready(function() {
$('body').tubular('YTid','wrapper'); // YTid: YouTube ID'si ve div classı: wrapper
});

üsttekini de yine <head>...</head> arasında

<script type="text/javascript" charset="utf-8" src="js/kontrol.js"></script>

şeklinde tanımladıktan sonra en baştaki tanımlamaların altına yapıştırıyorsunuz. Hepsi bu kadar, geri kalan işi Tubular hallediyor.

Adres: http://www.seanmccambridge.com/tubular
İndir: http://code.google.com/p/jquery-tubular

youtube · youtube video · arka plan video · zemin video · web sayfası video · body video · zeminde video oynatma · arka planda video gösterme · web sayfası arka planı · video background · video arka plan ·

Yazan: M. Mekin Pesen | 12.12.2011 | 1308 kez okundu.

Face

Tumblr'da paylaş

WEB

Yukarı Çık