動画埋め込みのテスト

何がどうなっていればどういう環境で何が表示されるのか、mpeg4ビデオとmp3をメインの埋め込み素材として実験してみました。

objectタグとembedタグ覚え書き

とにかく、ActiveXコントロールを埋め込むための識別番号を「classid="clsid:クラスID"」の形式で指定するのはWin版IEの独自仕様。また、それに伴って、ActiveXコントロールのダウンロード先をcodebase属性に記述するのもWin版IEの独自仕様。

Win版IE専用の ActiveX コントロールのダウンロード先の URI を指定した場合、Netscpae, FirefoxなどのGecko系ではオブジェクトを再生できなくなる(=表示されない。ただし、Mac+Safari、Mac+Operaは表示・再生OK)ので、Win版IE専用の ActiveX コントロールの記述は避けたほうが良いらしい。

Firefoxは各個人の環境設定に負うところが少なくないようで・・・。

(1)object+Quicktime ActiveX plugin

まずは、objectタグでQuicktime ActiveX pluginを用いるやり方をしてみると、まさにGecko系ブラウザーではWinにせよMacにせよ何も表示されない。

Mac+Safari、Mac+Opera、Win+IE6ではちゃんとQuicktimeで埋め込まれてOKのようです。


<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="320" height="256" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="http://www7a.biglobe.ne.jp/%7ewiz-k/medias/20061231suset-low.mp4" >
<param name="controller" value="true">
<param name="autoplay" value="false">
</object>

(2)object+Windows Media player(ver.7〜/ActiveX)

safari+Flip4Mac wmv(←MicrosoftはMac版WMPの開発をやめ、代わりにFlip4Mac wmvというのを提供している)で上手くいかないのはこれだけ

あり?今日(2007/01/14)はsafari+Flip4Macでも上手くいってるなぁ・・・^ ^;

Win+IE6でWMPのインターフェースは表示はされるものの、再生できないのはたぶん埋め込み対象がmp4だから―もしくは、ここで埋め込んでいるmp4の規格のせい?(? ?)かなぁ・・・。


<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="320" height="256" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="http://www7a.biglobe.ne.jp/%7ewiz-k/medias/20061231suset-low.mp4" >
<param name="controller" value="true">
<param name="autoplay" value="false">
</object>

実際、↓埋め込み対象がmp3だとちゃんとWMPで表示〜再生できるみたい。(でも、Mac+Safari2+Flip4Macだとautostartの"false"指定が無効みたい)


<object id="wmp" classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="320" height="45">
<param name="url" value="https://userdisk.webry.biglobe.ne.jp/004/554/57/3/emiri.mp3">
<param name="autostart" value="false">
<param name="showcontrols" value="true">
</object>

(3)object-WMP汎用(classid属性を使わない)

埋め込み対象がWMVとかWMAとかならば、IE・IEでないにかかわらず、OKという説もあった(type属性の値が面倒っぽいが・・・)んだけど・・・なんにしてもmp4は?X?


<object width="320" height="285" data="http://www7a.biglobe.ne.jp/%7ewiz-k/medias20061231suset-low.mp4" type="video/mp4">
  <param name="src" value="http://www7a.biglobe.ne.jp/%7ewiz-k/medias/20061231suset-low.mp4">
  <param name="url" value="http://www7a.biglobe.ne.jp/%7ewiz-k/medias/20061231suset-low.mp4" valuetype="ref" type="video/mp4">
  <param name="autostart" value="0">
  <param name="showcontrols" value="1">
</object>

↓ちなみに、mp3ならば全く同じ書式でWin+IEでWindowsMediaPlayerが埋め込まれる。僕のMac+Firefox、Mac+SafariではQuicktimeで埋め込まれた(QTプラグインがmp3の‘担当’になっているため?)。Win+Firefoxでは何も表示されない(「プラグインが必要だよ!」と表示されるが、Firefox2.x用の当該activeXコントロールがまだ用意されてない。Firefox1.5系のものがようやくβらしい・・・)。


<object width="320" height="45" data="https://userdisk.webry.biglobe.ne.jp/004/554/57/3/emiri.mp3" type="audio/mp3">
  <param name="src" value="https://userdisk.webry.biglobe.ne.jp/004/554/57/3/emiri.mp3">
  <param name="url" value="https://userdisk.webry.biglobe.ne.jp/004/554/57/3/emiri.mp3" valuetype="ref" type="audio/mp3">
  <param name="autostart" value="0">
  <param name="showcontrols" value="1">
</object>

(4)embed(QuickTime)

Win版Internet Explorer, Mac版Internet Explorer 5 ともに pluginspage属性には対応していません。


<embed src="http://www7a.biglobe.ne.jp/%7ewiz-k/medias/20061231suset-low.mp4" width="320" height="256" autoplay="false" controller="true"
 pluginspage="http://www.apple.com/quicktime/download/">

(5)embed(WMP ver.7〜)

自分の環境設定のせいか、mp4を埋め込み対象にするとWin+IEでもQuickTimeで表示〜再生される。


<embed pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" 
src="http://www7a.biglobe.ne.jp/%7ewiz-k/medias/20061231suset-low.mp4" 
width="320" height="285" autostart="0" showcontrols="1">

僕の環境では、mp3を埋め込み対象にしても、Win+IEでQuickTimeが埋め込まれるみたい。


<embed pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="https://userdisk.webry.biglobe.ne.jp/004/554/57/3/emiri.mp3" 
width="320" height="45" autostart="0" showcontrols="1">

ちょこっと参考にしたページ

暫定的結論としては・・・

結局、mp4を扱うならQuicktime系で埋め込むのが楽みたいなんだけど、webryブログが色々とソースから削ってくれちゃうのが(T T)。