Embed Vimeo Valid XHTML dan HTML 5

Entah mengapa setiap kita menggunakan embed video seperti Youtube juga Vimeo, ketika kita cek validasinya mengalami error ("validation error").

Untuk itu, perlu sedikit diakali atau dirubah pada embed tersebut agar dapat valid. Trik validasi pada Youtube dapat lihat di Trik Youtube Valid XHTML, dan untuk Vimeo, saya memperoleh triknya di How to display video content from Vimeo with Valid XHTML.

Contoh:

Ini adalah embed yang kita peroleh langsung dari Vimeo:

<object width="400" height="302"> <param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="URL" /><embed src="URL" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="302"></embed></object>

Perubahan embed dari Vimeo diatas agar valid baik itu XHTML dan HTML 5:

<object width="400" height="302" type="application/x-shockwave-flash" data="URL"><param name="allowfullscreen" value="true" /><param
   name="allowscriptaccess" value="always" /><param name="movie" value="URL" /></object>

Nah saya tidak tahu, perubahan atau trik ini melanggar standar atau tidak, terutama untuk HTML 5, idealnya HTML 5 harus menggunakan Element Video, seperti berikut:

<video width="640" height="360" src="http://www.youtube.com/demo/google_main.mp4" controls autobuffer>
   <p> Try this page in Safari 4! </p>
   </video>

lihat: The video element

Posted in: Tutorial