無いものを作る趣味の工作やバイクいじり、お出かけネタなどを取り扱っています。

MT5で動画再生

| コメント(0)

熱いですね~

タイトル通りMT5でflv,mp4の動画を再生できるようにしました


検索するとswfobject.jsでJWplayerを使うのが一般的なようですが
最新版(今は6.5)のJWplayerは特にむつかしいことをしなくても簡単に再生可能なようです


まずは本体をダウンロード
http://www.longtailvideo.com/jw-player/learn-more/

ここのGet Jw Playerから本体をダウンロードします
ダウンロードにはメールでの登録が必要なので、自サーバーのメールアカウントで登録
登録するとライセンスキーももらえます


ダウンロードしたらMT5のルートに実行ファイル(jwplayer.js)を配置後
MT5の ブログ記事>デザイン>テンプレート からテンプレートを登録します

JWP.jpg



テンプレート編集画面を開いたら以下のコードを登録します
タイトルはわかりやすいようにJW Playerとでもしておきます

<script type="text/javascript" src="/JWPlayerを保存したフォルダ/jwplayer.js">
</script>
<script type="text/javascript">jwplayer.key="もらったライセンスキー";
</script>


JWP2.jpg



次に デザイン>テンプレート>ヘッダー 部分にJW Playerのテンプレートを登録します
<head> ~ </head>間の<head>直後にテンプレートへのリンク


<$mt:Include module="JW Player"$>


を登録します



JWP3.jpg

あとは、記事編集画面をソース編集にして

<div id="myElement">Loading the player...</div>

<script type="text/javascript">
    jwplayer("myElement").setup({
        file: "動画のフォルダーとファイル名",
        image: "プレビュー画像のフォルダーとファイル名"
    });
</script>


を張り付けて編集するだけでOK!!

複数張り付ける場合は"myElement"の部分の記述を変更する場合があります
貼り付けた日付+通し番号とかでOK

上のMyElementと下のMyElementは同じ名前にしてください
そうしないと同一ページの2番目の動画が表示されません



あ、再構築は忘れないようにおねがいします

表示するとこんな感じになりますよ~
https://kaiza.org/blog/blog/2013/04/post-77.html

コメントする

2020年12月

    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    

この記事について

このページは、かいざーが2013年6月16日 20:23に書いた記事です。

ひとつ前の記事は「FTR250ガソリンタンク増設②」です。

次の記事は「FTR250ガソリンタンク増設③」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

ブログランキング・にほんブログ村へにほんブログ村 バイクブログ バイク 修理・整備へ
にほんブログ村 バイクブログ ソロツーリング(バイク)へ
にほんブログ村 IT技術ブログ Webサイト構築へ