Youtube Valid Code Generator
Youtube'un vermiş olduğu kodlar sayesinde, web sayfanıza videolar gömebiliyorsunuz. Böylece ziyaretçilerinizin video'ları izlemesi için Youtube sitesine girmelerine gerek kalmıyor. Ama verilen bu kodlar W3 Doğrulama Aracı'ndan geçemiyorlar ve dolayısıyla standartlara uymuyorlar. Ben de bu olumsuz durumu gidermek için basit bir web aracı hazırladım.
Geçersiz video ekleme kodları
Web sayfanıza Youtube videosu ekleyebilmek için ve aynı zamanda da geçerli kodlara sahip olmak için UFO veya SWF Object gibi çeşitli javaScript uygulamaları kullanılabilir. Ama bu uygulamalar hem kurulum gerektiriyorlar hem de her video eklediğinizde bazı ayarlamalar istiyorlar. Bunları kullanmak istemiyorsanız mecburen Youtube tarafından verilen kodları geçerli hale dönüştürmeniz lâzım.
Şimdi Youtube'un vermiş olduğu kodlara bakalım:
-
<object width="425" height="355">
-
<param name="movie" value="http://www.youtube.com/v/gu1sDyQU9Ao&rel=1"></param>
-
<param name="wmode" value="transparent"></param>
-
<embed src="http://www.youtube.com/v/gu1sDyQU9Ao&rel=1"
-
type="application/x-shockwave-flash" wmode="transparent" width="425" height="355">
-
</embed>
-
</object>
Üstteki kodları geçerli kodlara sahip bir web sayfasına eklediğiniz zaman, artık o web sayfası geçerli olmamış oluyor. Eğer ki standart kodlamaya önem veren biriyseniz bu kodları geçerli hale dönüştürmeniz şart. Peki bunu nasıl yapacağız?
Geçerli video ekleme kodları
Geçersiz kodları, başka insanlar nasıl geçerli kodlara dönüştürüyorlar diye merak edip internette araştırınca şuradaki sayfaya rastladım. Bu sayfada, geçersiz kodlar manual olarak geçerli kodlara dönüştürülmüş. Ben de bu işlemi otomatikleştiren ve ismine de Youtube Valid Code Generator dediğim bir web aracını hazırlamak istedim. Çok gerekli birşey değilmiş gibi görebilirsiniz. Fakat hem web sayfanıza çok sık Youtube videoları ekliyorsanız hem de web sayfanızın kodlarının geçerli kalmasını istiyorsanız bu araç size oldukça zaman kazandırabilir. Ekran görüntüsü şöyle:
Sonuç...
Geçersiz kodları ve geçerli kodları karşılaştırabilmeniz için örnek sayfalar hazırladım. Geçersiz-Youtube isimli örnek sayfada üstteki geçersiz Youtube kodları bulunuyorken, Geçerli-Youtube isimli örnek sayfada ise Youtube Valid Code Generator ile geçerli hale dönüştürülmüş kodlar bulunuyor.
Eğerki Youtube Valid Code Generator aracını kullanmak isterseniz eburhan.com'a girip yan taraftaki Web Sitelerim başlıklı bölümden de bu araca ulaşabilirsiniz. Son olarak söylemek istediğim şey ise buna benzer pratik web araçlarının devamının geleceği 
Yorum takibi
Geri izleme
Yazıyı Paylaş
6 Ocak 2008, 11:38
İnternet & Web
Bugün 8 kez, toplam 3,285 kez okundu.
geçerli, kodlar, web, youtube
6 Ocak 2008, 11:54
yine güzel bir çalışma yapmışsın abi.
bunu deneyecem.
ama web sayfalarının standart olması çok mu önemli ?
yani arama motorları bunu istiyor mu?
6 Ocak 2008, 12:10
Sitemde diziler ile ilgili sık sık promolar, trailerlar yayınladığım için youtube videolarına sıkça başvuruyordum
Artık işim daha kolay 
Böyle bir araç hazırladığınız için teşekkürler
6 Ocak 2008, 13:32
Bu tarz uygulamaların yayılması Youtube vb. sitelerin işini kolaylaştırıyor diye düşünüyorum. Oysaki bir bilinç oluşturup herkes adamlara e-posta atıp standart kod kullanmaları istense belki de bu uygulamalara gerek kalmayacak ve bundan sonrası için de daha dikkatli olacaklar. Her şeyin bir uygulamasını yapmadan önce bunu düşünmekte fayda var.
6 Ocak 2008, 13:33
Bu geçerli kod işini duyup ben de ufak bir WordPress eklentisi yapmıştım -hala durur- ama bu kodun en feci özelliği oynatıcının ekranına tıkladığınızda normalde videoyu hemen yeni sayfada açması gerekirken Firefox’ta falan popup olarak algılaması. Kıl edici bir durum olsa da sadece sitesinden video yayını yapacaklar için hoş tabii.
6 Ocak 2008, 14:36
@Alper
Bir bilinç oluşması konusunda tamamen katılıyorum. Fakat özellikle ülkemizde bu bilincin oluşması için çok zaman var. Hele ki birçok tartışma alanında “niye standartları destekleyeyim ki? Google, Youtube gibi büyükler bile desteklemediğine göre standart kodlama gereksiz birşey olmalı” gibi şaşırtıcı ifadeler geçiyorken.
Ayrıca bu uygulamayı “aman efendim hemen şunun için bir uygulama yapmalıyım. hemen işi-gücü bırakıp deli gibi çalışmaya başlayayım” modunda hazırlamadım. Bunu bilmenizi isterim. Zaten yapımı en fazla 1-2 saat süren basit bir uygulama.
6 Ocak 2008, 22:06
Tebrikler yine çok faydalı bir uygulama yaratmışın. Blogumda 1 tane Youtube videosu vardı onu da bu uygulama ile standart haline getirmiş oldum..
Ayrıca bilinç oluşması konusuna gelince.. Eğer bilinç oluşacaksa yine oluşur .. Erhan bu uygulamayı yaptı diye fazla birşey değişmez bence.
Zaten Youtube videolarının standartlara uymadığını da şu an öğrenmiş ve hemen bunu bu uygulamayla çözmüş bulunmaktayım
Ah bu dersler.. Biz de tatilde PHP ye merak sardık hala da merakımız devam etmekte ama merakımızı giterecek zaman kalmamakta
Ama bu PHP dilini birgün öyle böyle mutlaka öğrenicem 
6 Ocak 2008, 23:02
Benim de önceden bloguma youtube videosu eklerken farkettiğim bir durum. google’da araştırıp uyumlu kodu bulmuştum. Artık bu aracı kullanırız. Faydalı bir araç, teşekkürler.
6 Ocak 2008, 23:15
Görünen o ki bu tür servisleri kurmak senin için çocuk oyuncağı olmuş. Pratik yemek tarifleri gibi pratik web servisleri (: Elllerine sağlık yemek, pardon servis güzel olmuş (:
Senin bu servislerde kullandığın renklere bayılıyorum, daha doğrusu ben web 2.0 renklerine bayılıyorum. Zaten bu beğenim kendi blogumda da görünüyor, renklere çok önem veririm. Hatta bu akşam senin vesilen ile bazı renklere ayar çektim. Şu ana kadar pek XHTML hatalarına kulak asmazdım ama yazınla birlikte ne hikmetse gaza geldim. oysa senin servis sadece videolar için çalışıyor (: Tüm siteyi uyumlu hale getirecek bir servisi hizmete soksan fena olmaz (: (yuh bendeki de istek)
Finallerim başladı, ama 2 hafta sonra yapılacaklar arasında ilk şey bu hataları bulup tek tek yoketmek.
6 Ocak 2008, 23:29
@MaFiAMaX
E bence de yuh yani (:
Hazır Web 2.0 Tasarım Araçları yazımda web 2.0 renklerinden bahsetmiştim ve örnek paletlere link vermiştim. Bu paletlerden faydalanıyorum.
7 Ocak 2008, 01:45
Bu aralar valid olayına kafayı taktığımdan ve bir halt da beceremediğimden canım sıkkındı. Bu çalışmanız valid çalışmamda yardımcı olacak. Teşekkür ederim.
Siteyi valid yapmak üzerine açıklayıcı bir yazınızı da bekliyorum. Mesela hataları düzeltici rehber niteliğinde Türkçe kaynak yok gibi. Tabi bu dediğim kodları iyi bilmeyen, ingilizcesi de yeterli olmayan ama yine de sitesini valid yapmak isteyenlere yardımcı olabilecek bir kaynak isteği.
7 Ocak 2008, 11:53
@buzcevheri
Bu konuda yeterince Türkçe kaynak olduğunu düşünüyorum.
- Xhtml Dersleri 1
- Xhtml Dersleri 2
- Doğru XHTML Kullanımı
- Altıüstü Tasarım & Web Standartları
- Web Standartlarını Kullanarak Geliştirmek
- Web Standartlarını Öğrenmek ve Kullanmak için 10 Sebep
bunlar 2-3 dakikada bulduğum Türkçe kaynaklar ve fazlasıyla yeterli olacaklardır.
7 Ocak 2008, 19:13
@Erhan
Bu renk paletlerine ek olarak dün gece bulduğum ve bayağı bir hoşuma giden bu adresi de ekleyeyim.
ColorSchemer
8 Ocak 2008, 02:53
Erhan kardeşim yine güzel bir uygulamaya imza atmışsın. Aslına bakarsan sitelerimde Youtube ve muadili video sitelerinin videolarını hiç ama hiç kullanmam. Ancak bir sitemde ileriki dönemlerde sıklıkla bu videolara yer vermeyi düşünüyorum.
Vakt-i zamanında bir youtube videosu eklediğimde sitemin xhtml geçerliliği bozuluyordu. Bunu çözmenin değişik yollarını bulmuştum ama her video eklendiğinde bunu tekrar tekrar uygulamak gözümü biraz korkutmuştu.
Bu arada Xhtml konusunda Türkçe kaynaklarda bana da yer verdiğin için teşekkür ederim.
Başarılar Kardeşim…
8 Ocak 2008, 08:15
[…] Eburhan sitelerimize eklediğimiz Youtube videolarını web standartlarına uydurmak için güzel bir araç oluşturmuş […]
8 Ocak 2008, 14:27
Süper olmuş. Yeni temamda W3.org abilere dikkat etmek istediğimden Youtube videoları koymak istemiyordum ama çok işime yarayacak.Teşekkürler.
9 Ocak 2008, 10:06
[…] detaylı açıklaması için tıklayın. Bu sade, güzel yapılmış, zevkli ve faydalı hizmeti için teşekkür ediyoruz. […]
9 Ocak 2008, 10:09
Tebrikler, çok güzel olmuş
9 Ocak 2008, 11:29
Tebrik ederim. Gerçekten de başarılı bir çalışma olmuş.
Teşekkürler…
10 Ocak 2008, 13:56
Çok teşekkür ederim.
11 Ocak 2008, 05:06
[…] Youtube Valid Code Generator [eburhan.com] […]
19 Ocak 2008, 13:23
Youtube’a erişim engellendi birşey göremiyoruz
20 Ocak 2008, 01:02
Youtube gibi engellenmiş web sitelerine girmek için OpenDNS kullanabilirsiniz.
20 Şubat 2008, 04:12
ya bu harika birşeymiş
@eburhan bana yine keşke dedirttin ya helal olsun sana
kıskanıyorum yetenekli insanları
hele hem yetenekli hem yaratıcı hem de paylaşımcı olunca böyle, deme gitsin
teşekkürler…
21 Şubat 2008, 00:39
senden izin aLmadan yazdım ama beni baĞışLarsın umarım
http://bisgen.blogspot.com/2008/02/youtube-kenar-ubuunu-renklendirme-video.html
4 Mart 2008, 17:06
Güzel bir uygulama olmuş video siteleri bunu ne kadar önemser malum ama denemek lazım bence
14 Mart 2008, 02:05
Yararlı ve güzel bir makale olmuş yazılarınızı merakla takip ediyorum teşekkürler.