2012 10/04 動画テスト

HTML

HPに動画載せたら見応え出るかなぁ~っと iPhoneからYoutubeにアップ。
以前から何回かやってはみてたんだけど、画質が悪くって。

やっぱり画質が悪い・・・
手っ取り早くiPhoneからがダメなのかとデジカメで撮ったのをアップ

だいぶマシになったけど、調べてみるとYoutubeにアップする時に画質が落とされるみたい。
videoタグというのを使って

許せる範囲になったかな?
videoタグはサポートしてないブラウザが多いらしい。
headタグに一行

<script src=”http://api.html5media.info/1.1.4/html5media.min.js”></script>

を記述して
body内に

<video width=”○○” height=”○○” controls>
<source src=”●●.mp4″ type=”video/mp4″>
<source src=”○○.ogv” type=”video/ogg”>
<source src=”○○.webm” type=”video/webm”>
</video>

正規記述はこうらしいんだけど、見れないブラウザがあったので下の様にしたら出来た♪
なーんか気持ち悪いけど、見れるからま~いっか?

<video src=”●●.mp4″ width=”○○” height=”○○” controls>
<source src=”○○.ogv” type=”video/ogg”>
<source src=”○○.webm” type=”video/webm”>
</video>

と記述するとウチのパソコンに入っているブラウザでの確認はオッケー!でした。
スマホ用はちっちゃいサイズ。

<video src=”○○.mp4″ width=”○○” height=”○○” controls></video>

見られへ~ん!って人がいたらご報告下さ~い♪
※追記 2012,10,6※
ココが間違ってた~!

<video width=”○○” height=”○○” controls autoplay poster=”○○.jpg”>
<source src=”○○.mp4″ type=”video/mp4″>
<source src=”○○.og” type=”video/ogg”>
<source src=”○○.webm” type=”video/webm”>
</video>

vをgにしないとあかんかった・・・

<video width=”○○” height=”○○” controls autoplay poster=”○○.jpg”>
<source src=”○○.mp4″ type=”video/mp4″>
<source src=”○○.ogg” type=”video/ogg”>
<source src=”○○.webm” type=”video/webm”>
</video>

これで完璧なはずっ♪

INFORMATION

11月の休み
4,11日

12月の休み
8~13,30,31日

飴色塗装店
〒630-0243
奈良県生駒市俵口町218-3

ブログ更新通知を受け取る


コメント投稿




CAPTCHA


こちらの記事もどうぞ