13 Mayıs 2011 Cuma

HTML Kodları ile Web Sayfasına Müzik ve Video Eklemek

Binbir uğraşıyla, özene bezene bir web sayfası hazırladınız ve bu sayfada, ziyaretçiler dolaşırken bir fon müziği çalsın istiyorsunuz. İşte bu durmda HTML'nin < embed > kodu imdadınıza yetişiyor. Bu tagı kullanarak videoları sayfanızda görüntüleyebilir, mp3, waw, wma uzantılı müzik dosyalarını web sayfanıza fon müziği olarak kullanabilirsiniz. Peki ama bu tag nasıl kullanılır? Lafı fazla uzatmadan bu tagın ya da kodun nasıl kullanılacağını bir örnek üzerinde gösterelim,
< embed src="müzik dosyası.mp3" hidden="true" autostart="true" loop="true" >

Şimdi bu tagın içinde geçen parametreleri kısaca anlatalım:

infial_html
src : Film ya da müzik dosyasının konumunu (adresini) belirtmek için kullanılır.

hidden : Mediaplayer eklentisinin görünürlüğünü değiştirmek için kullanılır. true yaparsanız eklenti görünmez false yaparsanız görünür.

autostart : True değerini verirseniz müzik dosyası sayfa yüklenir yüklenmez otomatik olarak çalmaya başlar.

loop : Müziğin kaç kez çalınacağını belirtmek için kullanılır. -1 ya da true değerini verirseniz sürekli çalar. false derseniz bir kez çalar ve durur.

NOT: Eğer amacınız sadece fon müziği koymak isre hidden parametresini true yaparsınız ve bu tagı olduğu gibi < head > < / head > arasına yazarsınız böylece sayfada yer işgal etmemiş olur.
Web Sayfasına Video Eklemek

< embed > tagı web sayfasına video eklemek için de kullanılabilir. Bununla ilgili örnek kodlama şu şekildedir;

< embed src="http://www.youtube.com/v/hY-vXcmpZIw?version=3&hl=en_US&rel=0" width="425" height="349" >

"width" ve "height" parametreleri videonun boyutlandırılması için kullanılır. Burada verdiğim örnek kodu Lady Gaga'nın Poker Face isimli parçasını bloğuma eklemek için kullandım. Keyfini çıkarın !!! :))


8 yorum:

tugay dedi ki...

Merhaba internet prog. 2. sınıf öğrencisiyim php sayfasına bir veya birden fazla video eklememi istedi hoca ancak nasıl ekliceğimi vee kodları bilmiyorum Örn: bloğuna eklediğin video gibi, yardımcı olabilirsen cok sevinirim bir hayat kurtarmış olursun :):)

tugay dedi ki...

Merhaba, php sayfasında basit bir video nasıl ekleye bilirim hiç bir bilgiye sahip değilim yardımcı olabilirmisiniz Örn bloğunuza eklediğiniz video gibi

Ali Acar dedi ki...

Ben web siteme tanıtım videosu koymak istiyorum. fakat video btonuna tıklandığında ekranın ortasına gelmeli bu şekilde nasıl yapabilirim. bilginiz varsa paylaşırmıınız . ali.acar66@gmail.com

Turgut dedi ki...

@tugay
php ile video ekleyebilmen için ilk olarak veritabanında göstermek istediğin videolarla ilgili bir tablo hazırlamalısın. bu tabloda her video için auto increment özellikli bir id numarası, video adı ve videonun urlsinin olduğu sütunlar olmalı. videolarını isimleri ve url adresleri ile birlikte tabloya kaydettikten sonra tagları arasına yukarıdaki embed kodunu yaz. embedi yazdırmak için echo komutunu kullan $adres ya da başka bir isimde bir değişken oluştur ve veritabanına seçilen videonun id nosuna göre url adresini çağıran bir sql sorgusu yolla böylece $adres adlı değişkeninin değeri videonun url adresi olur. embed kodunun src parametresini de src="$adres" şekinde değiştirirsen işlemi tamamlamış olursun.

Turgut dedi ki...

@Ali Acar
videoyu ortalamaktan kastın nedir tam olarak anlamadım?

Murat gürsoy dedi ki...

Kendi Videolarımızı upload sitesine yüklüyoruz fakat resim gelmiyor bun nasıl ayarlarız?? nasıl bir kod uygulamamız gerekli bu konuda yardımcı olursan sevinirim

Turgut dedi ki...

@Murat gürsoy eğer kendi sitend HTML5 kullanırsan,

<video width="320" height="240" controls="controls"
poster="ornek.gif">
<source src="movie.mp4" type="video/mp4" />
<source src="movie.ogg" type="video/ogg" />
Tarayıcınız HTML5'i Desteklemiyor
</video >

eğer videolarını youtube' yüklüyorsan
http://www.youtube.com/watch?v=m1KoM0u_n-I

adresinden video thumbnail'in nasıl yapıldığını öğrenebilirsin

hsyn dedi ki...

admin ben web siteme flash uzantısı dışında video nasıl yüklerim.Birde flash ile yüklediğim video neden geç açılıyor. teşekkürler