WindowsMediaビデオのHTMLへの組込み方法

ヘルパー版としての組込み方法


  • ヘルパー版ビデオは、WindowsMediaPlayerがヘルパーアプリケーションとして立ち上がり、ブラウザとは別のウィンドウで再生されます。

    サンプル例はこちらです−−＞ラジオ体操

  • 「wmvファイル」のURLを参照する次の様な「asxファイル」を作成します。このファイルはメタファイルと呼ばれるもので、ブラウザがまずasxファイルを読みこんだ時点で、WindowsMediaPlayerが起動され、その後、WindowsMediaPlayerによりwmvファイルがストリーミング再生されます。

    <ASX version="3">
  <Entry>
    <Ref HREF="http://www2h.biglobe.ne.jp/~hnakamur/bb/video/030105/030105plussound.wmv"/>
  </Entry>
</ASX>

  • HTMLファイルからは、次の様にasxファイルを呼びます。

    ＜A HREF="bb/video/030105/030105plussound.asx"＞ラジオ体操＜/A＞

  • 以上です。

埋め込み版としての組込み方法

  • 埋め込み版ビデオは、WindowsMediaPlayerがブラウザ画面の中にプラグインとして埋め込まれて再生されます。

    サンプル例はこちらです−−＞埋め込み版ビデオ

  • 「wmvファイル」のURLを参照する次の様な「asxファイル」を作成します。このファイルはメタファイルと呼ばれるもので、ブラウザがまずasxファイルを読みこんだ時点で、WindowsMediaPlayerが起動され、その後、WindowsMediaPlayerによりwmvファイルがストリーミング再生されます。

    <ASX version="3">
  <Entry>
    <Ref HREF="http://www2h.biglobe.ne.jp/~hnakamur/bb/video/030105/030105plussound.wmv"/>
  </Entry>
</ASX>

  • HTMLファイルには、次の様に「asxファイル」を組込みます。

    ＩＥ用には、＜OBJECT＞タグを使ってWindowsMediaPlayerのActiveXコントロールを指定します。CLASSIDは下記の値をそのまま使用して下さい。ＮＣまたはＮＮは、＜OBJECT＞タグを無視します。ＮＣまたはＮＮ用には＜EMBED＞タグを使用してプラグインを指定します。逆にＩＥは、＜EMBED＞タグを無視します。WIDTH、HEIGHTは使用するビデオの大きさで調整しますが、その他は下記の値そのままで問題無いと思います。

    <OBJECT ID="MediaPlayer1" WIDTH=320 HEIGHT=400 classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject">
    <PARAM NAME="ShowStatusBar" VALUE="true">
    <PARAM name="Volume" value="true">
    <PARAM name="ShowDisplay" value="true">
    <PARAM name="ShowControls" value=1>
    <PARAM NAME="ShowAudioControls" VALUE="true">
    <PARAM NAME="ShowPositionControls" VALUE="true">
    <PARAM NAME="AutoStart" VALUE="true">
    <PARAM NAME="FileName" VALUE="030105plussound.asx">
    <EMBED type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/"
    Name=MediaPlayer1
    ShowControls=1
    ShowDisplay=1
    ShowStatusBar=1
    width=320
    height=400
    AutoStart=1
    DisplaySize=0
    Src="030105plussound.asx"
    ShowVolumeControls=1>
    </EMBED>
    </OBJECT>

    OBJECTタグの書式の詳細は以下を参考にしてください。
    ・Web ページへの Windows Media の追加
    ・Adding Windows Media to Web Pages


  • 以上です。

前に戻る

ｽﾄﾘｰﾐﾝｸﾞへもどる

Copyright (c) 1999-2008 Hiroshi Nakamura. All rights reserved.