HTML5でSiteの総リニュをだね

Posted by Futatsubashi on 26th 3月 2012 in 日常

長らく放置状態だった、busouketuki.comの一番上の階層のMain SiteのHTML5による総リニューアルを進めているのだけれど。
なにがHTML5で手間が折れるかって、IE(Internet Explorer)9と、PS Vitaだったよ。

まず、IE9の方だけれど、Video Elementタグは使えるのに、何故かhtaccessファイルで、

AddType video/ogg .ogg .ogv
AddType video/mp4 .mp4
AddType audio/ogg .ogg
AddType application/ogg .ogg .ogv

↑上記の用に付け足してやらないとダメで。bodyタグはVideoタグを挟む用に記述しないと動かなかった。

次にVita。これは当初HTML5系のWebKitを使ってるって事で安心していたのだけれど。蓋を開ければ、

SVG in text/html ←未対応
video element ←未対応
audio element ←未対応
Application Cache ←未対応
Geolocation ←未対応
WebSocket ←未対応
Storage、Web SQL Database ←未対応
Workers ←未対応
Access the webcam ←未対応

↑と言う状態だった。動的コンテンツは使わずに、まぁVita用に静的コンテンツに飛ばしてやればいいんだけれど。

最後にAndroidブラウザ編で少し蛇足。AndroidだとVideo elementのAutplayが効かないのだけれど。
id=””をVideoタグの中に指定してやって、

<SCRIPT LANGUAGE=”JavaScript”>
>!–
function onload_play() {
var aud = document.getElementById(‘aud’);
aud.load();
aud.play();
}
//–>

</SCRIPT>

と書いてやって、bodyタグの中にonload=”onload_play();”を入れてやればAndroidでもAutiplay属性は機能するよ。
さぁ、リニューアル作業を進めよう。

いいね! (まだ評価がありません)
読み込み中...

Leave a Reply