12 月
28
2009

讓網頁插入的flash符合W3C XHTML標準

現在的部落格和許多網站都會使用XHTML,但是在網頁中插入flash格式的內容卻往往忽略掉標準XHTML的規範。但是並不是所有的人都了解這個規範是什麼,而提供連結的網站例如youtube.com也沒有顧慮到這點。不過如果你跟我一樣很介意自己的部落格或者是網站要符合W3C XHTML標準的話,可以按照以下的方式來修改。

下面這段是youtube所提供的轉貼原始碼,紅色部分所使用的embed是不符合規範的tag
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/ljZpu-HvKjY&hl=en_US&fs=1&"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/ljZpu-HvKjY&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>
</object>

如果要符合W3C的規範我們就必須刪掉embed這個區塊,然後在object後面加上
1. type="application/x-shockwave-flash"
2. data="xxxx",這邊的xxx內容就是原本embed src所包含的部分

修改之後會變成像下面這段,這樣的寫法就有符合W3C XHTML的規範,而且flash也可以正常在網頁上面播放。
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/ljZpu-HvKjY&hl=en_US&fs=1&" width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/ljZpu-HvKjY&hl=en_US&fs=1&"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
</object>

不過最好的方法還是原始提供連結的網站就提供符合標準的連結碼,畢竟不是每個人都了解怎麼修改這些鬼東西的。

Comments are closed.