Daha önce Youtube ve Vimeo videolarını sayfamıza nasıl valid XHTML 1.0 olarak ekleyebileceğimizi görmüştük. Aşağıda ilgili yazıların linkleri bulunmakta.

Vimeo videolarını W3 standartlarına uygun eklemek

Youtube Videolarını sayfaya Valid XHTML 1.0 halinde eklemek

Bugünde sayfamıza eklediğimizde sayfanın W3 geçerliliğini bozan Slideshare sunumlarını geçerliliği bozmadan eklemeyi göreceğiz.

1. Öncelikle eklemek istediğimiz sunumun ‘embed’ kodunu alıyoruz. Slideshare’in başka linkleriyle birlikte oldukça kalabalık bir kod yığını olarak geliyor. Yukarıda ve aşağıda ‘div’ etiketi ile olan ve Slideshare linklerini içeren bölümü siliyoruz.

2. W3 geçerliliğini bozan etiket <embed> olanı. Bu etiketin ’src’ parametresi W3 geçerliliğinde hata almamıza neden oluyor.

3. Yapmamız gereken <embed> olan kodu tamamiyle silip <object> etiketine type=”application/x-shockwave-flash” ve data=”<embed> etiketinin src parametresinde yazan adres”  parametreleri eklemek.

4. Sunumumuz aşağıdaki gibi valid XHTML 1.0 olarak W3 geçerliliğini bozmadan eklenmiş bulunmakta.

Youtube’da video’nun altındaki embed kodunu sayfaya ekleyip burdaki validator ile kontrol ettirdiğimizde kodların valid XHTML 1.0 olmadığını ve sürekli hata verdiğini görüyoruz. Bunu önlemek için kodu

<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/7_6B6aa342"></param><embed src="http://www.youtube.com/v/7_6B6aa342" type="application/x-shockwave-flash" width="425" height="350"></embed></object>

yerine aşağıdaki gibi eklersek bu sorunu çözmüş oluruz.

<object type="application/x-shockwave-flash" style="width:425px; height:350px;" data="http://www.youtube.com/v/7_6B6aa342"><param name="movie" value="http://www.youtube.com/v/7_6B6aa342" /></object>