やまゆりのウェブサイト制作日記やまゆりのウェブサイト制作日記しごとをしていて、思ったことなど書き連ねています。スポンサードリンク一定期間更新がないため広告を表示しています←ランキング参加中!クリックしてもらえると嬉しいです。ウェブ屋さんらしい記事も書いたりします(笑)ウェブサイトに動画を貼り付ける場合、YouTubeなどの外部サービスを使うのが一般化しています。動画をアップロードすればサービス側で判断して適切な出力をしてくれるので、ありがたいものです。外部サービスを使わないで動画をアップロードして貼り付けたい場合もあります。閲覧者制限をするなどの場合がひとつあります。YouTubeでも動画にパスワードをかけることはできますが、それは置いといて・・・さて、まずは動画の形式ですが、どの形式のものを用意すればいいでしょうか。Player(WMV)形式もiOSには対応しません。私は以前動画の処理にかなり苦労した経験から、フリーソフトをあたるのは諦めて、CyberLinkの製品を使うようになりました。MediaShowでもMPEG4に変換するのは悩みました。MPEG4で出力すると、m2tsとかいう拡張子のついた形式が出力されてしまい、なんじゃこりゃ・・・?よくよく見ると、iPod対応ファイルに変換(!)というメニューがあり、これがMPEG4なんですね。あ、少し前のバージョンなので、今はメニュー変わってるかも!?さてさて、どういう方法でもよいのでMPEG4ファイルができたら、FTPでサーバーにアップロードします。CMSの管理画面から・・・なんて容量が大きすぎて無理な場合が多いですが、可能であればそれでもかまいません。したら、どういうタグづけをするか、という問題があります。以下のページ(例はwmvですが)を踏襲するのであれば、以下のような感じでしょうか?アドレスの部分(ホスト名のみ1箇所、動画のURLが2箇所)は適宜書き換えてください。showcontrols="1"></embed></object>objectタグがIE向け、embedタグがそれ以外のブラウザ向け、となっているようです。これでもよいのでしょうが(動作確認してません、すみません!)、これからはHTML5の時代、<video>タグなど使ってみました。value="http://yamayuri-w.jugem.jp/video.mp4"></object></video>videoタグはIE8以上(IE9以上かも?)とIE以外、中に入っているobjectタグはIE7以下用です。上記同様、赤字の部分のURLは適宜書き換えてください。おっと、これだけではIEでは動きません(汗)HTMLのDOCTYPE宣言をHTML5のものに書き換えてください。html>自動再生のON/OFF、初期画面などの設定は、このへんを参考にいじってみてください。⇒<video>タグで動画を埋め込む−HTML5リファレンス自分のためのメモをかねているので、大雑把ですみませんが、少しはお役に立てれば幸いです・・・Tweet←ランキング参加中!クリックしてもらえると嬉しいです。スポンサードリンクTweet←ランキング参加中!クリックしてもらえると嬉しいです。6の契約に立ち会いました。人のだけど・・・(2014.11.18)2014年、今年もよろしくお願いします(2014.01.01)よいお年をお迎えください。さん/よいお年をお迎えください。6の契約に立ち会いました。