2011-02-10 13 views
4

IE9(Beta &プレビュー)がhtml5ビデオタグの相対的な幅/高さをサポートしていないことは間違いありませんか?Internet Explorer 9 beta HTML5ビデオタグは相対的な幅/高さをサポートしていませんか?

クロム、サファリ& Firefoxはすべてwidth = 50%で受け入れますが、IE9では50pxと読みやすいようです。 (ビデオは4つのブラウザすべてに表示されるので問題はありません)。

まだ実装されているバグ/機能か永久的な解決策であるかどうか疑問に思っていました。

J.

+0

「ビデオは4つのブラウザすべてに表示されています」 - ビデオフォーマットの周りのすべての魅力を考えれば、私はあなたに感心しています。それはまだWindows以外のブラウザ(Mac、Linux、iPad、携帯電話など)で動作することを確認しましたか? – Spudley

+0

Macでチェックしました。これは、ogvとwebMを持つmp4です。 IE9が頑固になって以来、古いブラウザやモバイル用のフラッシュバックを試みていませんでした... – jbokkers

+1

Spudleyとdudemanの答えをご覧ください。 HTML5ではheight属性とwidth属性のパーセント値が有効ではないので、HTML5では '

答えて

5

HTML要素の属性ではなく、CSSを使用して高さと幅を設定しようとしましたか?

すなわちいうより:

<video src='whatever' height='50%' width='50%'> 

あなたは試みることができる:

<video src='whatever' style='height:50%; width:50%;'> 

...または、もちろん、あなたの個別のCSSファイルにスタイルを置きます。

+0

メモとして、W3C仕様では、タグの場合と同様に、height属性とwidth属性の両方がピクセルである必要があります。パーセンテージを使用することは技術的に無効で、その情報をCSSに入れるのにはかなり意味があります。 – tankadillo

+0

ありがとう、トリックでした。 Alohciが上にコメントしたように、それはスタイルであり、CSSに適用する必要がありますが、それはまだ他のブラウザの動作/実装からのブレークです。 – jbokkers

+0

@jbokkers - IE9は前任者よりも大幅に改善されているかもしれませんが、完璧になるとは限りません。 IE9をリリース前のリリースからリリース候補に移行させた時点で、彼らは既に競争に勝ち残っています。私はIEがブラウザの世界の不毛のカモである未来を予見します。 – Spudley

1

私はちょうどIE9リリース候補をインストールし、何の変化もありませんので、私たちは彼らの恒久的な解決策これを呼び出すことができますね。

だけで完全なものにする:<video width="100%" height="100%"></video>

はIE9で100pxに幅としてレンダリングされます。 Chrome、FireFox、Safari、Operaの最新バージョンでは、これは親divの100%幅にレンダリングされます。

1

私はCSSを使ってwidth:100%とheight:100%のタグをスタイルしました。私はIE9 Betaを試してみましたが、それはうまくいくようでした。

関連する問題