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>
No.1
- 回答日時:
HTMLについては詳しくないので恐縮ですが、embed sourceのフレームアスペクトが16:9になるように、heigtを180にするとかではダメでしょうか?
~~
<EMBED SRC="16_9.wmv" width="320" height="180"></EMBED>
</OBJECT>
見当違いでしたらすみません。
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にするとかではダメでしょうか?
No.2ベストアンサー
- 回答日時:
どのようなレイアウトのページなのかにもよりますが、
リスト表示している時点で動画の縦横比率が既にわかっているならば、
ひとつのブラウザ画面をフレームタグを使ってリストページと再生ページに分割して
リストの中から4:3の動画をクリックされたら4:3用の再生ページを、
16:9の動画をクリックされたら16:9用の再生ページを表示するようにする。
という感じでは駄目でしょうか。
1枚のページで縦横比を可変して表示させるか、
2枚のページを予め用意して切り替えるか。
うまくフレームタグを使えば見た目はどちらも変わりないように思います。
ご参考までに・・・。
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]を足しました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- Visual Basic(VBA) 【VBA】写真の貼り付けコードがうまく機能しません。 5 2022/09/01 18:43
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- ノートパソコン このノートパソコンで大丈夫でしょうか? 2 2023/04/22 21:01
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
静止画画像をクリックすると音...
-
wmv埋め込みでコントロールパネ...
-
ブラウザーの戻るボタンを押し...
-
webサイトを簡単に作成する方法...
-
「戻る」を押しても戻らないweb...
-
画面のどこかをクリックすると
-
Webサイト内に埋め込んだmp4動...
-
excel VBA でjava のボタンを押...
-
「全面リニューアル」の意味
-
スマホでボタンがhoverの状態か...
-
Googleフォームの回答リンクに...
-
リロードした時にページの一番...
-
webサイト制作、デザイン作成の...
-
ワードで一度出来てしまった余...
-
HPを作りたいと考えているので...
-
漫画や絵が載せれるHPの作り方
-
グーグルに被リンクが反映され...
-
yahooで1位。googleで圏外。助...
-
クリックすると文字が消えるHTML
-
サーチコンソールで被リンクを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
静止画画像をクリックすると音...
-
動画の自動再生を止めたいので...
-
HPビルダーでMP3を鳴らせたい
-
画面が緑になって動画が再生さ...
-
GOM Playerの設定
-
Webサイト内に埋め込んだmp4動...
-
「戻る」を押しても戻らないweb...
-
webサイトを簡単に作成する方法...
-
自転車について
-
SEOに被リンクは全く必要が...
-
「八百万の神」このサイトは何...
-
スマホでボタンがhoverの状態か...
-
Webデザインや広告制作について...
-
「全面リニューアル」の意味
-
WordPressに関しまして。WordPr...
-
WordPressに関しまして。WordPr...
-
入力窓にカーソルを合わせると...
-
HPを作りたいと考えているので...
-
白紙の次ページを削除できない...
-
個人hp 外部ページへのリンク...
おすすめ情報