e日記風 独り言

気まぐれ & 気まま & 天邪鬼な老いぼれ技術屋の日々の記録のうち、主に Perl・CGI・HTMLなど Web技術に関連した記事です。
右端上端の同一カテゴリージャンプボタンで他の同じカテゴリーの記事を順番にご覧いただけます。
Access Counter:  総アクセス数
-1156- flv 動画再生
この下の方 No.1151でこの辺りに降ったゲリラ豪雨の動画をアップした。その時は取り敢えずブログアプリの WordPress上で MP4形式の動画ファイルを埋め込んで、そのコードをそのままコピペした手抜きコードだった。
しかし mp4は Chromeはともかく FireFoxなどとは相性が良くない(FireFoxが Appleにライセンスフィーを払っていない?)ので、FireFoxのPlugin等を導入して表示させないとならないみたい。ちょっとやってみたけれどどうもうまく再生できない。ブラウザ側で対処するのでは少なくとも万人向けの方法とは言えない。で考えてみたが、今時動画は YouTobeでお馴染みの Adobe Flash Palyerの FLVコンテナが主流。これだと各Webサイトに再生用 SWFファイルを置いておいて、そのURLを記述してやれば確実に再生できそうなことが分かった。タフレットでも大丈夫みたい。実行ファイルの swfもフリーで流布されている。 でWebを参考に fladance.swfという実行ファイルをダウンロードして私のサイトにアップして指定。
どうやら FireFoxでも IEでも、もちろん Chromeでも再生できるようになった。
コードサンプルは下の通り。漢字表記のところが書き換え必要な部分。

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/
cabs/flash/swflash.cab#version=10,0,0,0"
width="横幅サイズ" height="縦サイズ" id="abc10">
<param name="flashvars" value="fms_app=&video_file=動画のURL /動画ファイル名.flv
&image_file=&link_url=&autoplay=false&mute=false&vol=
&controllbar=true&buffertime=5" />
<param name="allowfullscreen" value="true" />
<param name="movie" value="swfへのパス/fladance.swf" />
<embed src="swfへのパス/fladance.swf" width="横幅サイズ" height="縦サイズ"
name="abc10" allowfullscreen="true" flashvars="fms_app=
&video_file=動画のURL /動画ファイル名.flv
&image_file=&link_url=&autoplay=false&mute=false&vol=
&controllbar=true&buffertime=5" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

などとなる。

今日の写真は月見草。近くの雑草地にたくさん咲いていた。繁殖力旺盛なんだろう。
2014/07/25