2

HTML5 ビデオを幅 600、高さ 200 に引き伸ばすにはどうすればよいですか?

試してみると、ナビゲーション バーのサイズは大きくなりますが、ビデオは小さいままです

コード：

<!DOCTYPE html>
<html>
<body>

<video width="600" height="200" controls>
  <source src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

</body>
</html>

Jsfiddle: http://jsfiddle.net/ke8HX/1/

4

2 に答える 2

0

これはちょっとうまくいきます...CSSだけで実際のプレーヤーコントロールバーを変更できるとは思いません。私のバージョンの Chrome 開発者ツールには、変更する HTML レイヤーとして表示されません。しかし、ビデオは再調整します！

CSS:

#vid, #vid source { width:600px !important; height:200px !important;}

HTML:

<video id="vid" controls=true>
  <source src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

デモ

于 2013-03-21T13:25:35.390 に答える
0

source タグに幅と高さの属性を追加してみてください。

http://jsfiddle.net/ke8HX/8/

HTML

<video class="vid" controls=true>
  <source src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

CSS

.vid {}
.vid source { width:600px; height:200px;  }
于 2013-03-21T13:13:51.477 に答える