Javascript 如何将html5视频拉伸到宽度：600和高度200？

如何将html5视频拉伸到宽度：600和高度200

当我尝试时，导航栏的大小会增加，但视频保持较小

代码：

您的浏览器不支持视频标记。

---

jsIDLE:

尝试将宽度和高度属性放在源标记上：

HTML

---

这有点管用…我不认为你能够仅仅用CSS修改实际的播放器控制栏。在我的ChromeDeveloperTools版本中，它甚至没有显示为一个需要修改的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>

您的浏览器不支持视频标记。

---

对我有用。顺便说一句，使用Chrome。@epascarello-意思是“成比例”，这并不是这个问题的要求，根据是否成比例，方法是不同的。你的视频还可以。你只是因为白色背景而看不到它。

.vid {}
.vid source { width:600px; height:200px;  }

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

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