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

尝试将宽度和高度属性放在源标签上:

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 回答
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 回答