Movie(携帯動画3GPP)をWebに掲載するには…!
携帯動画3GPPファイルをWebに掲載するには
お気軽にBBSにカキコ(コメント)してくださいねv あなたの可愛いペットムービーもHPやBlogで公開してみよう♪
下記の記事は以前MichiyoのBlogに投稿したものですが
ペットの携帯動画をBlogやホームページで公開したいけど
やり方が解らなくて、せっかく撮り貯めた可愛いペットの動画を
お蔵入りさせている┐('〜`;)┌って話を聞いて、少しでも参考になればと
思いページをリニューアルしてみました!


みなさんはどうしてますか?!
MichiyoはFOMA『P900i』を使っていますが
動画の拡張子のせいで随分と悩まされて来ました〜(/。\)
それで、色々調べて解ったんだけどね!

MacやWinでこの動画を取込んで見るには問題なく見れるんですよね!
(最新Ver.クイックタイムプラグイン使用)
でも、この動画の拡張子「.3GP or 3GPP」「.MP4」「.AMV」を
Webで再生させるには、チョットやっかい者で、
再生出来ない方も多いのでは?!
直接ファイルにリンクタグだと
ダウンロードするはめになってしまうでしょ!?
パソコンでクイックタイムプレイヤーを起動してって
再生させる事になっちゃうんだよね┐('〜`;)┌

そこで!!
ブラウザ上にプラグインで表示させるためのソースがあったので
これを使うとバッチリみれると思ったんです。

Michiyoと同じようにお困りの方がいるかもしれないので
ここにMichiyoが参考にした物を保存します、自分用のメモでもありますけど!!

※Web(HPやBlog)ページに記述するソース!

※Windows版Internet Explorer 5.5 SP2のリリースで、Webページが
MacとWindowsのシステム上でNetscapeとInternet Explorerの
両方と互換性を保つため、<EMBED>タグに加えて<OBJECT>タグを
使用しなければなりません。


※下記の例は、OBJECTエレメントの中にEMBEDエレメントを置いたHTMLです。
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="160" height="144" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="ここにファイル名(拡張子「.3GP」「.MOV」など)">
3gppicon.jpg <param name="autoplay" value="true">
<param name="controller" value="false">
<embed src="ここにファイル名(拡張子「.3GP」「.MOV」など)" width="160" height="144" autoplay="true" controller="false" pluginspage="http://www.apple.com/quicktime/download/">
</embed></object>

CLASSIDは常に clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B とします。 CODEBASEは常に http://www.apple.com/qtactivex/qtplugin.cab とします。 PLUGINSPAGEは常に http://www.apple.com/quicktime/download/ とします。

Michiyoのひとりごと…
QuickTimeは最新バージョンのものを使うのがベストだって事だね〜!
ActiveXコントロールの問題も解決できるしね。

ところが、コントローラーが表示されずに途中で
ストップしたり出来なくて困ったんですよ(¨;)
(コントローラーに関しては次の章につづく…)



ここが↓肝心なところでした!
「携帯動画をWebに掲載」で検索したら
AllAbout:携帯動画をWebに掲載するには

に行き当たり、そこにもソースが出ていましたが、
そしたら、タグの一部(赤い字)がAppleのと違うんです!!

クイックタイムicon こちらがAllAboutのソース↓
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="176" height="160" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="動画ファイル名">
<param name="autoplay" value="false">

<param name="controller" value="true">←ここがコントローラーの表示タグ
<embed src="動画ファイル名" width="176" height="160" autoplay="true" controller="false" pluginspage="http://www.apple.com/quicktime/download/">
</object>

*デフォルトではvalue=trueだそうです、value=falseだとコントローラーは無し!
*後日Appleのチュートリアルで上記のTipsを見つけました!*



*それからもう1つ肝心な事がありました。
《 AppleWebチュートリアルより…》

player.jpg 重要事項
コントローラを正しく表示するには、
ムービーの高さに16ピクセル足す必要があります。

たとえば、240ピクセルの高さのムービーの場合は、
HEIGHT="256"に設定します:<embed src="sample.mov" width="320" height="256">
音声だけのムービーの場合は、高さを16ピクセルに指定して幅はウェブページの中で
見栄えが良いように自由に設定できます。

(音声だけのムービーに高さ16ピクセルを指定した場合は、
コントローラは最小化されて再生/一時停止のボタンだけになります)
例:<EMBED SRC="sound.mov" WIDTH="216" HEIGHT="16">
たとえムービーを隠したい場合でも、
HEIGHTや WIDTHに2より小さい値をセットしてはいけません。

Michiyoのひとりごと…
そう云うこどだったんですね〜この16pxが大事だったんです!!
そしてこのチュートリアルには、背景色の設定についても
記述がありましたので、後々このページにも応用などを更新します♪