设置视频的尺寸答案

【问题标题】：Set the Dimensions of a Video设置视频的尺寸
【发布时间】：2013-03-04 16:42:54
【问题描述】：

我创建这个网站是为了向用户展示各种游戏的视频，但我偶然发现了一个问题。现在这是我真的无法解决的问题，我搜索了互联网，但没有成功......如果我要设置视频元素的宽度和高度，它并不总是这样电影/视频的尺寸将是相同的。所以我只输入了它的宽度，并希望高度能够自行修复，它确实做到了。但是，在我的页面上进行更多编辑后，高度不是以前的值。它现在已更改为宽度的像素。我试图删除所有可能导致它的最近操作，我什至删除了其他可以做到这一点的东西，但没有成功。我也在 IE 上尝试过这个，它和之前在我之前的网络浏览器 Chrome 上一样完美地运行。那为什么呢？我该如何解决这个问题？我也试过清除缓存并重新启动我的电脑，但没有结果......

正常：
......
视频
......

现在在 Chrome 中的情况（“||”是由视频元素创建的可用空间）：
|||||||||||||||
......
视频
......
|||||||||||||||

HTML（使用 PHP）：

<video poster="dasdsadsakaslmklda.jpg" id="video_video_video" controls>
                              <source src="videos/'.$id.'.mp4" type="video/mp4">
                            Your browser does not support the video tag.
                            </video>

CSS：

.video_video video{
    width:294px;
    /*height:390px;*/
}

编辑： 当它加载时，一切都应该是......但是，即使我已经删除了所有最近的代码，它仍然会在页面完成加载后呈现相同的错误方式。我怎么知道这个？好吧，我添加了一个 Js 和 JQuery 的代码来改变尺寸，然后它就完美地工作了。

【问题讨论】：

您是否尝试过清除缓存？您可以使用 Chrome 的开发人员工具查看它正在加载的 HTML 和 CSS。如果它与您当前文件中的代码不同，那么它会从缓存中获取文件并将使用它的早期版本。您可以在设置中清除它。
是的，我已尝试清除缓存。

标签： html google-chrome html5-video

【解决方案1】：

会不会只是一个错字？

在 CSS 中，与 id (video_video_video) 相比，有一个空格而不是下划线 (video_video video)。

【讨论】：

不，该类用于定义其父级，然后是其中的视频，即该视频元素。 video 元素定义了一个用于 javascript 的 ID。

【解决方案2】：

这可能与缓存有关，但是在清除我的缓存后它一开始就不起作用。经过几次重新启动后，它终于再次工作了。

【讨论】：