アスペクト比16:9の動画をWEBにストリーミングする方法

このQ&Aのポイント
  • 16:9映像をWMV形式でWEBにストリーミングする方法について
  • HTMLに埋め込むと映像のアスペクト比が正しく表示されない問題について説明します
  • PC上のWindowsMediaPlayerで再生すると正しいアスペクト比になるが、HTMLに埋め込むと表示が崩れる問題に対して解決策を求めています
回答を見る
  • ベストアンサー

アスペクト比16:9の動画をWEBにストリーミングする方法について

16:9映像をWMVにしてWEBにストリーミング配信したいのですが、 HTMLに埋め込むと16:9の映像になりません。 映像がOBJECTタグで指定した画面サイズの大きさになってしまいます。 PC上のWindowsMediaPlayerで再生すると上下に空白があって16:9になるのですが、HTMLに埋め込みではできないのでしょうか? ずっと調べていますが、できるのかできないのかもわかっていないです。 どなたかご存知の方がいましたらご教授ください。 ■以下HTMLのソースです。 ※映像が画面サイズいっぱいになってしまう。 <OBJECT CLASSID="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"  ID="MediaPlayer" width="320" height="280"> <PARAM NAME="FileName" VALUE="16_9.wmv"> <EMBED SRC="16_9.wmv" width="320" height="280"></EMBED> </OBJECT>

質問者が選んだベストアンサー

  • ベストアンサー
  • mirai-ya
  • ベストアンサー率27% (116/415)
回答No.2

どのようなレイアウトのページなのかにもよりますが、 リスト表示している時点で動画の縦横比率が既にわかっているならば、 ひとつのブラウザ画面をフレームタグを使ってリストページと再生ページに分割して リストの中から4:3の動画をクリックされたら4:3用の再生ページを、 16:9の動画をクリックされたら16:9用の再生ページを表示するようにする。 という感じでは駄目でしょうか。 1枚のページで縦横比を可変して表示させるか、 2枚のページを予め用意して切り替えるか。 うまくフレームタグを使えば見た目はどちらも変わりないように思います。 ご参考までに・・・。

yamasaki99
質問者

お礼

mirai-yaさん 回答ありがとうございます。 はい、mirai-yaさんの言うとおりにいたしました。 ありがとうございます。 1枚のページで縦横比を可変して表示するようにしました。 ・ 4:3の動画をクリック → WindowsMedia画面サイズを 4:3にする  ※width=384 heigth=288 + 40 ・16:9の動画をクリック → WindowsMedia画面サイズを16:9にする  ※width=384 heigth=216 + 40 ※heigthは、コントロール分の高さ[40]を足しました。

その他の回答 (1)

  • grunt419
  • ベストアンサー率62% (5/8)
回答No.1

HTMLについては詳しくないので恐縮ですが、embed sourceのフレームアスペクトが16:9になるように、heigtを180にするとかではダメでしょうか? ~~ <EMBED SRC="16_9.wmv" width="320" height="180"></EMBED> </OBJECT> 見当違いでしたらすみません。

yamasaki99
質問者

お礼

grunt419様 早速解答いただきありがとうございます。 できれば、以下の対応は最終手段にしたいと思っています。 というのも、4:3と16:9の動画が混在しており、 4:3と16:9でサイズをかえる必要がありますが、 その場合、4:3なのか16:9なのかが分かれなければいけないのですが、 WMVファイルからどうやって、縦横比を取得したらいいのかわかっていません。 (1)4:3又は16:9のWMVファイルをサーバーにアップして (2)WEBでアップされているWMVファイルを一覧に表示します。 (3)WEBで一覧をクリックしたら、動画を再生する といった流れになっています。 WMVファイルをサーバーにアップする時でもOKなのですが、 WMVファイルの縦横比を取得する方法を調査中です。 >HTMLについては詳しくないので恐縮ですが、embed sourceのフレームアスペクトが16:9になるように、heigtを180にするとかではダメでしょうか?

関連するQ&A

  • Firefoxで動画を表示させるには

    wmv形式の動画ファイル(ムービーメーカーで作成した)をFirefox最新バージョンで表示させるためには どのような記述をすればいいでしょうか? 以下のそれぞれの記述を試しましたが、IEの最新版では動作するのに、Firefoxでは まったく動きませんでした。よろしくお願いします。私のPCは、Windows7です。 <!-- (1) --> <object width="600" height="500"> <param name="movie" value="serenade.wmv"></param> <param name="allowFullScreen" value="true"></param> <param name="allowscriptaccess" value="always"></param> <embed src="serenade.wmv" width="600" height="500" allowscriptaccess="always" allowfullscreen="true" width="560" height="315"> <br>高橋真梨子の世界</embed> </object> <!-- (2) --> <object data="serenade.wmv" type="video/x-ms-wmv" width="600" height="500"> <embed src="serenade.wmv" width="600" height="500" loop="true" autostart="true"> <br>高橋真梨子の世界</embed> </object> <!-- (3) --> <object classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" width="600" height="500"> <param name="URL" value="serenade.wmv"> <param name="AutoStart" value="true"> </object> <!-- (4) --> <object classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" width="600" height="500" type="application/x-ms-wmp"> <param name="URL" value="serenade.wmv"> <param name="AutoStart" value="true"> </object> <!-- (5) --> <object id="player" width="600" height="500" classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6"> <param name="autoStart" value="true"> <param name="URL" value="serenade.wvx"> <embed name="WMP" type="video/x-ms-wmv" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="serenade.wvx" width="600" height="500" autostart="0" showcontrols="1"> </embed></object> <!-- (6) --> <p> <img dynsrc="serenade.wmv" width="600" height="400"> </p> <!-- (7) --> <iframe width="560" height="315" src="serenade.wmv" frameborder="0"><br>高橋真梨子の世界</iframe> <!-- (8) --> <embed src="serenade.wmv" width="600" height="500" autostart="1" showcontrols="1" type="application/x-mplayer2" > </embed><br> <!-- (9) --> <embed src="serenade.wmv" width="600" height="500" autostart="1" showcontrols="1" type="application/x-mplayer2" pluginspage="http://www.microsoft.com/windows/windowsmedia/download/"> </embed><br>

  • wmv埋め込みでコントロールパネルを非表示(無効)にする方法

    objectタグでwmvファイルをhtmlページに埋め込みたいのですが、 普通に <OBJECT ID=video2 CLASSID="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" height="300" width="400"> <PARAM name="src" value="*****.wmv"> </OBJECT> と指定すると、再生/停止ボタン、スクロールバーなども表示されて しまいます。 ページを開いたら自動再生が始まったら、止めることも戻すことも できないようにしたいのですが、どうしたらよいかご存じの方がいたら 教えてください。 # 自動再生の方法はわかります。 よろしくお願いします。

  • 画面が緑になって動画が再生されません><

    http://www.realstream.jp/lecture/2006/05/post_4.html ここのサイトの ページの中央あたりに ▼上記記述を使用したエンベット形式でのWindows Media Player と書かれた動画が再生できる部分があります。 そこの再生ボタンをクリックすると動画表示部分が緑になって再生されません。 なぜか音声だけ出ます。 自分でwmvファイルを作って自分のパソコンで再生してみましたがやはり緑になって再生されません。 カスタマイズはこんな感じでいいのでしょうか? <OBJECT ID="Player" width="320" height="305" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"> <PARAM name="autoStart" value="false"> <PARAM name="URL" value="douga.wmv"> <embed src="douga.wmv" autostart="false" width=320 height=305></embed> </OBJECT> 緑になって動画がなぜでないのか教えてください><;

    • ベストアンサー
    • HTML
  • webへの動画埋め込みについて

    現在、下記のタグを使って動画をストリーミング配信していますが、 ウィンドウズメディアプレーヤーが表示された時、再生するまで 画面が真っ黒です。 そこで、静止画を表示したいのですがどのようにしたらよいのか 解りません。ご教授頂けないでしょうか。 <center><OBJECT ID="wmp" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" WIDTH=320 HEIGHT=305> <param name="URL" value="http://xxx.xxx.jp/xxx.wvx"> <param name="uiMode" value="full"> <param name="enableContextMenu" value="false"> <param name="autostart" value="false"></center> <center><embed name="wmp" type="application/x-mplayer2" src="http://xxx.xxx.jp/xxx.wvx" width="320" height="309" autostart="0" showcontrols="1" ShowStatusBar="1" EnableContextmenu="0" > </embed> </object> </center> 尚、静止画は動画の最初の1コマでも他の画像を使用するでも かまいません。 よろしくお願い致しますm(..)m

  • ストリーミングの手順を教えて下さい。

    現在はwmvファイルをストリーミングしようと思っており下記のとこまではやってみました。 pv1.asx <ASX Version ="3.0"><Entry> <Ref href ="./pv1.wmv"></Entry></ASX> pv1.htm <html><head><title>test</title><meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> </head><body> <OBJECT ID="Player" width="320" height="304"CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"> <PARAM name="autoStart" value="false"> <PARAM name="URL" value="./pv1.asx"> <embed src="./pv1.asx" autostart="false" width=320 height=304></embed></OBJECT> </body></html> 同フォルダ内にpv1.wmvをアップロード このようになっています。 pv1.htmlにアクセスし再生ボタンを押すとコーデックのダウンロードエラーとなり再生ができません。 ストリーミングの手順がわからずでいろんなサイトを参考にし自分なりにやってみたのですがどこか間違っているのでしょうか? webサーバーはストリーミング可能なレンタルサーバーで環境は、 winxp homeでwindows media player10です。

  • WindowsMediaPlayer11・FF3でコントロールバーの非表示ができない

    WindowsVista HTMLにタグを記述して、ビデオの埋め込みを行おうとしています。(XHTML1.1) IE7は問題なくコントロールバーが非表示になるのですが、 FireFox3やSafariではコントロールバーが表示されてしまいます。 ShowControls="0" は効かないのでしょうか・・・ <object width="100" height="100" classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" border="0"> <param name="URL" value="test.wmv"> <param name="Autostart" value="True"> <param name="ShowStatusBar" value="false"> <param name="ShowPositionControls" value="false"><param name="ShowControls" value="false"> <param name="EnableContextmenu" value="false"> <param name="uiMode" value="none"> <param name="loop" value="true"> <embed src="test.wmv" width="400" height="225" autostart="1" loop="1" border="0" ShowControls="0"></embed> </object>

    • ベストアンサー
    • HTML
  • HTML4.01でFlashを組み込む方法を教えて下さい。

    質問させて頂きます。 現在、HTML4.01でコーディングをしているのですが、 flashを挿入した部分、 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="" width="600" height="160"> <param name="movie" value="images/marriage6.swf"> <param name="quality" value="high"> <param name="BGCOLOR" value="#FFFFFF"> <embed src="images/marriage6.swf" width="600" height="160" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#FFFFFF"></embed> </object> が、コーディングチェッカーにかけると<embed~</embed>の箇所がエラーになります。 何か<embed>に代わる表記方法はありますでしょうか。 大変困っております。 教えて頂ければ幸いです。

  • ローカルから「セキュリティ保護のために、このコンピュータに・・・」を出させない方法を教えてください。

     よろしくお願いします。  DVD上に動画と写真を保存し,その閲覧をHTMLで管理するように 作成中です。  できあがったので,チェックしたところ,件の >>「セキュリティ保護のために、このコンピュータにアクセスする可能性のあるスクリプトやActiveXコントロールを実行しないよう、Internet Explorerで制限されています。」  のメッセージ。  その後,以下の書き方で,ほとんどのページは <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!-- saved from url=(0013)about:internet -->   と <object id="MediaPlayer" width="645" height="435" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"> <param name="AutoStart" value="True"> <param name="Loop" value="True"> <param name="AutoRewind" value="True"> <param name="Filename" value="img/top.wmv"> <param name="ShowControls" value="False"> </object> で解決できたのですが,なぜか,解決しないページが できました。同じwmvで内容が違うのでしょうか。違うとし たら,相違点と直し方をお教えください。

  • wmvファイルがIEで再生されません

    初めて質問します。 WEBデザインの仕事をしています。 wmvの動画をhtml上に配置したいのですが、 IEのみ動画が読み込まれません。 autoplayはせず、再生ボタンをつけてスタートさせたいと考えています。 何かIE用に対応策があったら教えてください。 よろしくお願いします。 ―---------------------------------------- <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="CG15" width="550" height="311" class="left"> <embed src="http://www.xxx/xxx.wmv" width="550" height="311" type="video/x-ms-wmv" animationstart="0" playcount="1" showcontrols="1" enablepositioncontrols="1" showpositioncontrols="1" showaudiocontrols="1" showtracker="1" showstatusbar="1" canseek="1" autosize="0" allowscan="0" autostart="0" enablecontextmenu="0" transparentstart="0" volume="100" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/"></embed> </object>

  • <embed>を使わずにFLASHを挿入する方法はありますか?

    はじめまして。 このたび、友人に作成してもらったHPにFLASHが挿入されていたのですが、HTML構文チェックにかけたところ 「<embed> は Mozilla、MSIE または doti 用のタグです。」 と表示され、これが大きく減点となりました。 これを解消する方法を教えていただけないでしょうか? できれば具体的にご指示いただけると本当に助かります。どうかよろしくお願いいたします。 ソースは以下のように書かれていました。 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="612" height="301" title="○○○○○"> <param name="movie" value="top.swf" /> <param name="quality" value="high" /> <embed src="top.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="612" height="301"></embed> </object>

    • ベストアンサー
    • HTML