2008年11月11日

QuickTimeファイル(*.mov)のHTMLへの埋め込み

QuickTimeファイル(*.mov)のHTMLへの埋め込みというのは出来ないと思いこんでいた。あるいはどこかにそのような事が書いてあったような気がする。

が、今日、キユーピー(株)のサイトを見ていたら、wmvと同じように埋め込みが出来ることが分かった。

 
 

上の表示ではこのブログ用に手を加えてありますが、ソースは、

<table border="0" cellspacing="0" cellpadding="0">
<tr><td height="8" colspan="3" bgcolor="#B0CBFF"> </td></tr>
<tr><td width="8" bgcolor="#B0CBFF"></td>
<td align="center">
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="320" height="250" codebase="http://www.apple.com/qtactivex/qtplugin.cab"><param name="src" value="http://www.kewpie.co.jp/know/cm/movie/cm_144.mov"><param name="autoplay" value="true"><param name="controller" value="true"><param name="volume" value="10"><embed src="http://www.kewpie.co.jp/know/cm/movie/cm_144.mov" width="320" height="250" autoplay="true" controller="true" volume="10" pluginspage="http://www.apple.com/quicktime/download/"></embed></object>
</td><td width="8" bgcolor="#B0CBFF"></td></tr>
<tr><td height="8" colspan="3" bgcolor="#B0CBFF"> </td></tr>
</table>

です。
YouTubeでダウンロードしたmp4ファイルもこれで表示できるのだろうか。実験は後ほど。

キユーピー(株)では、音声ファイルをこうしています。


ソースです。
<embed src="http://www.kewpie.co.jp/know/cm/mp3/cmr_myn_34.mp3" width="200" height="45" autostart="false" loop="false" controls="smallconsole"></embed>


ちなみに、wmvファイルの場合は、

 
 


です。こちらのソースは、

<table border="0" cellspacing="0" cellpadding="0">
<tr><td height="8" colspan="3" bgcolor="#B0CBFF"> </td></tr>
<tr><td width="8" bgcolor="#B0CBFF"></td>
<td align="center">
<object id="mediaplayer" width="320" height="270" classid="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" standby="loading windows media player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#version=6,4,7,1112"><param name="autostart" value="false"><param name="filename" value="http://www.kewpie.co.jp/know/cm/movie/cm_144w.wmv"><param name="volume" value="10">
<embed type="application/x-mplayer2" src="http://www.kewpie.co.jp/know/cm/movie/cm_144w.wmv" name="mediaplayer" width="320" height="270" volume="10" autostart="false"></embed>
</object>
</td><td width="8" bgcolor="#B0CBFF"></td></tr>
<tr><td height="8" colspan="3" bgcolor="#B0CBFF"> </td></tr>
</table>

です。
posted by kewpie at 21:41| Comment(0) | TrackBack(0) | ファイル作成
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.sakura.ne.jp/tb/22745012
※ブログオーナーが承認したトラックバックのみ表示されます。
※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック
コメントの投稿について
○お名前とコメント欄の記入は必須です。
○メールアドレスは任意です。記入されても公開はされません。管理人のみに知らされます。
○スパム防止のため、
・ホームページアドレス欄への記入はできません。
・コメント欄にURLは記入できません。
・スパムと思われる語を記入できません。
 これらをしようとすると、最終的に投稿完了できません。
○投稿完了後に、管理人の判断でスパムと判断した投稿は削除させていただきます。