Web sitenize Html standartlarına uygun video eklemek.

Merhaba,
Bu bloğu yeni yazmaya başladığımdan en ufak sorunları bile düzeltmeye çalışıyorum.
Sitemin html standartlarına uygun olması da en çok üzerinde durduğum konulardan biri.
Önceki gün yazdığım bir yazının olduğu sayfayı şuradan kontrol ettiğimde xhtml standartlarına uymadığını ve bir sürü hata verdiğini gördüm.
www.w3.org ‘daki hata mesajlarını kontrol ettiğimde sorunun eklediğim video yüzünden olduğunu anladım.
Youtube’un kendi verdiği ve wordpress 2.9′un otomatik oluşturduğu video ekleme kodları malesef html standartlarına uymuyormuş.
Ufak bir araştırmayla doğru kodları buldum ve eskileriyle değiştirdim. Doğru kodları benim gibi sorun yaşayan başkaları ile de paylaşmak istedim.

WordPress 2.9′un otomatik oluşturduğu kod şu şekilde;

<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ width=”425″ height=”350″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0″><param name=”src” value=”http://www.youtube.com/v/nvV4-BrIbOY” /><embed type=”application/x-shockwave-flash” width=”425″ height=”350″ src=”http://www.youtube.com/v/nvV4-BrIbOY”></embed></object>

Youtube’un sitesinde verdiğim paylaşım kodu ise şöyle;

<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ width=”425″ height=”344″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0″><param name=”allowFullScreen” value=”true” /><param name=”allowscriptaccess” value=”always” /><param name=”src” value=”http://www.youtube.com/v/nvV4-BrIbOY&amp;hl=en_US&amp;fs=1&amp;” /><param name=”allowfullscreen” value=”true” /><embed type=”application/x-shockwave-flash” width=”425″ height=”344″ src=”http://www.youtube.com/v/nvV4-BrIbOY&amp;hl=en_US&amp;fs=1&amp;” allowscriptaccess=”always” allowfullscreen=”true”></embed></object>

Ancak sorun şu ki bu iki kod da www.w3.org’a göre html standartlarına uymuyor. Doğru kodun şu şekilde olması gerekiyor;
(Kırmızı ve kalın yazılmış yerlere video adresini yazıyoruz)

<object type=”application/x-shockwave-flash” width=”425″ height=”350″ data=”http://www.youtube.com/v/nvV4-BrIbOY“>
<param name=”movie”  value=”http://www.youtube.com/v/nvV4-BrIbOY” />
</object>

örnek video;

Bu yazının XHMTML 1.0 standartlarna uygun olup olmadığını görmek için buraya tıklayın.
Eğer ben sitede daha sonra birşeyler bozmadıysam göreceğiniz mesaj şu olacak;

This document was successfully checked as XHTML 1.0 Transitional!