2014年9月 1日
動画の埋め込み
動画を埋め込みたくてググったところ「embed」と言うタグを有るのを見つけ、やってみる。
うまく行った。
っと思っていたらSafariで表示されているのにChromeだと表示されないことに気が付く。
さらにググって見ると「video」というタグが見つかった。HTML5に含まれるらしいからこれなら大丈夫だろう。
OK!
Chromeでも表示された。
っと思ったらiPadではVideoの頭が表示されていない。どんな動画か再生するまでわからない。posterframeを設定する必要がありそうだ。
で、こんなふうになった。
<video controls src="http://www.yec.or.jp/hogehoge.mov" poster="http://www.yec.or.jp/hogehoge.jpg" height="???" width="???" ></video>
posterframeを書き出すのはQuickTime7Proの書き出し機能を使用。
「ファイル」-->「書き出す」-->「ムービーからイメージシーケンス」
オプションで「フレーム/秒」を小さくしておかないと大量のイメージファイルが出来ちゃうよ。
- by Webmaster
- at 22:44
comments