「月別: 2010年6月」 の一覧

Jun

2010

10

HTML5 video タグの諸処

html5-logo-001

h.264(iPhone・iPad・safari・chrome)、theora/ogg(firefox)、flash(InternetExploler6,7,8)で映像を表示させる!

現時点で主要ブラウザに対応するHTML5 video タグの書き方の一例!

[code]<video autoplay controls="controls" width="640" height="360" poster="common/filename.jpg">
<source src="common/filename.mp4">
<source src="common/filename.ogg">
<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="640" height="400" id="seesaw" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="common/filename.swf" />
<param name="quality" value="high" />
<param NAME=wmode value=transparent>
<embed src="common/filename.swf" quality="high" bgcolor="#ffffff" width="640" height="400" name="seesaw" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</p>
</video> [/code]

以下read moreで詳しく。