（後に非表示にする方法を見つけたけどこれめんどくさい）
仕方なく、他のプレーヤーを設置することにした。しかし、何度やってもうまくいかない。特に80分程度ある動画なので、ストリーミングは必須。
http://www.joomlaworks.net/extensions/free/allvideos
さて、どうしたものか？といろいろ調べてみたが、2点注意すべき事が分かった。
1.サーバでの設定（ファイル置き場はLolipop)
サーバによって、MIME タイプを追加する必要がある。下記一例。これらを.htacsessに追記
AddType video/ogg .ogg .ogv
AddType audio/ogg .ogg
AddType application/ogg .ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm
2.コーデックの際にストリーミング（正確にはプログレッシブダウンロード）対応のファイルを作る必要がある。
これは私が普段使っているTempeg5にはない機能だったためにフリーソフトの Xmdia Recode を使って再エンコード。
具体的には、通常メタデータがデータの一番最後に書かれるのを最初に配置する事で、すぐに再生出来るファイルにするようだ。
http://forest.watch.impress.co.jp/library/software/xmediarecode/
これはコーデックの際に設定が可能。
ということで、なんとか設置完了。
まあ、JSなどで組めば更にURLなどもわかりにくく出来るが、今回はそこまで必要ではない。それより、メンテナンス性が重要になる事案だ。
PS.と、ここまでやったところで要したモジュールがFlashを使っていることが判明。これではiPhoneでは表示出来ない。そこで結局、先のCSSによってプレーヤーのダウンロードボタンを消す方式に変更。
追加したCSSのソースは下記
video::-internal-media-controls-download-button {
display:none;
}
video::-webkit-media-controls-enclosure {
overflow:hidden;
}
video::-webkit-media-controls-panel {
width: calc(100% + 30px); /* Adjust as needed */
}
