ブログ
ＦＬＶで動画ブログの作成
JW FLV Media Player 4.3 で動画をブログに埋め込む －メモ－
■ Ｆｌａｓｈ Ｖｉｄｅｏ (ＦＬＶ) を使用して「ビデオのページ」（ここ）を作って見ました。ＦＬＶは、ＹｏｕＴｕｂｅやニコニコ動画などの動画共有サイトで使用されているファイル形式です。ＦＬＶ動画の埋め込み方法は、沢山のサイトで掲載しておられますが、自分用のメモとして記載しておきます用意するものは ● FLV にエンコードした動画ファイル（拡張子が．ｆｌｖ） ● FLV Player の二つです。
■ 動画ファイルをＦＬＶ ファイルへエンコード
エンコードソフトは、ペガシスの「TMPGEen 4.0 XPess」というソフトを使用しています、FLV出力プラグイン(Movie Plug-in FLV4) を入れておく必要があります。
（注）m2t ファイル（16:9）をエンコードする場合、「フィルター」→「映像サイズ」→「画像配置方法(A)」→「画面全体表示（隙間無し）」を選択しておくと、横長映像の上下の黒い隙間がなくなります。
■ ＦＬＶ Ｐｌａｙｅｒ の導入
ネットでさがすとフリーのソフトが沢山ありますが、シンプルで静止画像を自由に選択できることなどから、 JW FLV Media Player 4.3 を使用させていただきました。
ダウンロードは →ここからできます。
● ＤＬファイルを解凍した後、Player.swf と swfobject.js を、ルートに適当なフォルダー （例：swf , js ）を作りアップロードする。動画ファイル(.flv)及び静止画像も適当なフォルダーにアップロードしておく。
■ 下の埋め込みテキスト（例文）をエントリーに貼り付ける。
● id とwriteの名前は同じ名前にする。
１エントリに複数の埋め込みをする場合、埋め込み毎に名前を変えておく。
● 各ファイルのパスは、フルパスで書いておく方が無難です。
● 数字の340, 220 はＰｌａｙｅｒの横、縦のサイズ。
● &image=http://....../xxx/xxxx.jpgはplayer停止時に表示される静止画像。
----------------------------------------------------------------------------------------------------------
<p id="Nebuta">The player will show in this paragraph</p>
<script type="text/javascript" src="http://....../js/swfobject.js"></script>
<script type="text/javascript">
var s1 = new SWFObject("http://....../ｓｗｆ/player.swf","player","340","220","9");
s1.addParam("allowfullscreen","true");
s1.addParam("allowscriptaccess","always");
s1.addParam("flashvars","file=http://....../xxx/xxx.flv&image=http://....../xxx/xxxx.jpg");
s1.write("Nebuta");
</script>
-----------------------------------------------------------------------------------------------------------
The player will show in this paragraph
関連記事
- Highslide JS タグの自動作成
- 格好良く表示させるポップアップ画像について、そのタグが自動作成されないと手軽に利...
- LightBox Plusのタグを自動作成する
- ＬｉｇｈｔＢｏｘ Ｐｌｕｓ の導入と タグの自動作成 ■ ブログに画像を挿...
- ブログタイトルにロゴ画像を使用する
- MT４ ブログのバナータイトルにロゴ画像を使用する方法 MT4では、バナーに表...
- ＦＬＶで動画ブログの作成
- JW FLV Media Player 4.3 で動画をブログに埋め込む －メ...
- ブログページとホームページ
- 無料のブログサービスについて 最近のインターネットを検索すると、ブログサイト...
コメントする