HTML5でSiteの総リニュをだね

長らく放置状態だった、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属性は機能するよ。
さぁ、リニューアル作業を進めよう。

(まだ評価がありません)

読み込み中...