研究内容のページに動画を貼ろうと思いついてからの試行錯誤について覚え書き.
Flv形式の動画を設置した後に,Flashに対応していないiPad等では再生できないことに気がつく.
HTML5のvideoタグを使い,デフォルトをmp4形式の再生,非対応ならFlv形式の再生にしようと思いつく.
早速wikiに埋め込んでみるものの,再生できない.wikiの問題かと思って,とりあえずhtmlファイルでテストすることに.
ローカルにてvideoタグのテストをしたところ,chromeで再生できることを確認.やはりwikiへの埋め込みが問題か・・・.
ところが,サーバー上に置いたhtmlファイルを開いても,chromeでは動画を再生できない.iPadでもしかり.IE10でも再生できないが,IE11でのみなぜか再生できるという珍現象が発生.(→Quicktimeのアプリで再生していた模様)
wikiへの埋め込み以前の問題であったことが発覚.mp4の作成がまずいのか?等さんざん悩む.
videoタグのテストページを公開している方のコードと元ファイルを拝借して,サーバー上にアップしたところ,やはり再生しない!
こうなるとサーバーの問題を疑うしかない.MIMEタイプとして,「video/mp4 mp4」を追加したけれど,やはり再生できず.サーバーソフト名で検索して調べたところ,同じようにできない人がちらほらいるような?仕方なく,videoタグの使用を諦める.
アニメーションgifでいいじゃんと思うも,ファイルサイズのでかさに閉口.
ということで,結局,Flv形式をデフォルトとして,Flash非対応の場合は静止画を掲載することにした.
んー,動画再生は難しい・・・.
まあ,そんな紆余曲折を経て,研究室の研究内容のページが少しゴージャスになりました.
自分のページにも研究成果としていろいろ掲載したいのですが,結果がな(ry