参考サイト maka-veli.com…
<video controls poster="http://○○○○○○○○○.com/video/movieimg.jpg" width="320" height="240"> <source src="http://○○○○○○○○○.com/video/movie.mp4"> <object type="application/x-shockwave-flash" data=""http://○○○○○○○○○.com/video/movie.flv"> <param name="movie" value=""http://○○○○○○○○○.com/video/movie.flv" /> <param name="flashvars" value="controls=true&file="http://○○○○○○○○○.com/video/movie.mov" /></object> <source src="http://○○○○○○○○○.com/video/movie.mov"> <source src="http://○○○○○○○○○.com/video/movie.avi"> <p>動画を再生するには、videoタグをサポートしたブラウザが必要です。</p> </video>
ヘッダーに
<script src="http://api.html5media.info/1.1.4/html5media.min.js"></script>
動かない時はhtaccess
動かない時はhtaccess等で設定する。
1
2
3
|
AddType video/mp4 .mp4 AddType video/ogg .ogv AddType video/webm .webm |
サーバ設定の問題で動かない事はけっこうあるそうです。