【mp4/flv動画 ホームページ埋め込み】PCとスマホから見れるflash/mpeg4動画ビデオ埋め込みホームページの作成方法2(2013.5.1)

(2)埋め込みプレイヤーソフトを選定する(JWplayer編)

もうひとつ動作を確認したものは 「JWPlayer」 ・・・ http://www.streaming.jp/fladance/

人気らしい。

昔の窓の杜の記事: http://www.forest.impress.co.jp/article/2008/02/12/jwflvmediaplayer.html

ただし、最新版とはちっと違うよう。

解凍すると4つのファイルができる。「jwplayer.flash.swf」と「jwplayer.js」というファイルを自分のホームページのFLVファイルのあるところにコピーしておく。

(3)HTMLファイルを作成してアップする

JWPlayerのサイトに、自動でコードを生成してくれるウイザードがあるが、特に使う必要はない。

http://www.longtailvideo.com/jw-player/wizard

 

「JWPlayer」 の場合、使用するファイルはこれ。

1つは、先ほど解凍した「jwplayer.flash.swf」と「jwplayer.js」というファイル

もうひとつは、再生したい動画ファイル(FLV)

もうひとつは、HTMLファイル。

HTMLファイルのサンプルはこんな感じ。

sample2.html

<html>
<script type="text/javascript" src="jwplayer.js"></script>
<hr>
<h2>埋め込み動画サンプルビデオ</h2>
<hr>

<div id='my-video'></div> 
<script type='text/javascript'> jwplayer('my-video').setup({ file: 'MVI_7565.flv', width: '640', height: '360' }); </script>

動画ファイル名 ・・・ これは、再生したい動画のファイル名です。

640  360  ・・・ これは、画面サイズ。  ・・・ これだけ。


JWPlayerのサンプルページはこちら(でも、スマホでは再生できないよ・・・)

https://dsstation.sakura.ne.jp/report/misc/flash/sample2/sample2.html

(右クリックで、ファイルに保存すればそのままサンプルHTMLが抜けます)