memo.xight.org

日々のメモ

Windows Media 形式の動画を埋め込むHTMLソースコード

Summary

Internet Explorer でも Firefox でも再生できるような動画の埋め込み方.

ポイント

o Internet Explorer は <embed> , <object> の両方で再生可能.
o Firefox は <embed> タグしか認識しない.
o <object> タグ内で <embed> タグを利用することで,双方のブラウザで再生可能.

Sample

<object
	id="Player"
	width="480"
	height="360"
	classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
	type="application/x-oleobject"
>
	<param name="autoStart" value="True">
	<param name="URL" value="path/to/file.asx">
	<embed
		width="480"
		height="360"
		type="application/x-mplayer2"
		src="pato/to/file.asx"
		pluginspage="http://www.microsoft.com/isapi/redir.dll?prd=windows&sbp=mediaplayer&ar=media&sba=plugin"
		name="mediaplayer"
		showcontrols="1"
		autostart="1"
		showstatusbar="0"
		showdisplay="0"
	>
</embed>
</object>


[2006-12-07]追記

「再生ソフトウェアを限定しないほうが良い」との意見もある.

<object
	data="path/to/file"
	type="application/x-mplayer2"
	width="300"
	height="200"
>
	<param name="src" value="path/to/file" />
	<param name="autostart" value="true" />
</object>


Reference

Microsoft - Windows Media Player SDK - Windows Media Player を埋め込む
http://www.microsoft.com/JAPAN/developer/library/wmplay/embeddingwindowsmediaplayer.htm

Reference 追記 [2006-12-07]

ぽかぽかWeb研究室 - マルチメディアファイルを XHTML 文書に埋め込む
http://yupotan.sppd.ne.jp/web/xhtml-multimedia.html

mozillaZine 日本語版フォーラム - XHTMLページに埋め込んだMediaPlayerの...
http://mozillazine.jp/forums/viewtopic.php?p=3482&sid=ed6003e0483461effd8643760e32c258