スキー場で撮影したしょうもない動画をアップしたくなったのでjmeというjQueryプラグインを使いました。 ただでさえエンコードの作法が分かってなくて動画加工が面倒なのに、いちいちコードを書くのが面倒で仕方がなかったのでphpで関数を書いてみました。「面倒なのは嫌いだよ!」
プラグインの読み込み
<!-- jmeEmbed - plugin -->
<!-- configure path to swf-fallback: script.jwPlayer[src] -->
<script class="jwPlayer" type="application/swf" src="http://www.560days.com/mt-static/js/jme-latest/packages/player.swf"></script>
<!-- include jme-script (only cross-browser embed functionality) -->
<script src="http://www.560days.com/mt-static/js/jme-latest/packages/mm.embed.min.js"></script>
<!-- END: jmeEmbed - plugin -->
ついかッとなって作ったvideo関数
<?php
function video ($videourl,$w,$h) {
$video='
<div id=player_box>
<video controls="controls" preload="none" width='.$w.' height='.$h.'>
<source src="'.$videourl.'.m4v" />
<source src="'.$videourl.'.ogv" />
</video>
</div>
';
return $video;
}
?>
動画ファイルをアップ
次の拡張子のファイルをアップロード「.m4v」「.ogv」
video関数を使う
表示させたい場所で関数を使います。こんな感じ・・・。
〈 ?php echo video('http://www.560days.com/diary/weblog_media/IMG_1866','512','288');
? 〉
echo video('再生させたい動画のURL(.拡張子を除く)','横サイズ','縦サイズ') となっています。
出力結果
こんな感じのコードが出力されます。以前書いたエントリー「滑り納めは白馬さのさか」で試してみました。
<div id=player_box>
<video controls="controls" preload="none" width=512 height=288>
<source src="http://www.560days.com/diary/weblog_media/IMG_1866.m4v" />
<source src="http://www.560days.com/diary/weblog_media/IMG_1866.ogv" />
</video>
</div>
いろいろ試してみましたがファイルは2種類用意しないと駄目っぽいです。動画編集は今までやったことがないのでエンコードの設定方法がよくわかりません・・・。
ただ、コードが1行ですむので個人的には楽なったと思っています。