0

我正在创建这个网站,旨在向用户展示各种游戏的视频,但我偶然发现了一个问题。现在这是我真的无法解决的问题,我搜索了互联网,但没有成功......如果我要设置视频元素的宽度和高度,它并不总是这样电影/视频的尺寸将是相同的。所以我只输入了它的宽度,并希望高度能够自行修复,它确实做到了。但是,在我的页面上进行更多编辑后,高度不是以前的值。它现在已更改为宽度的像素。我试图删除所有可能导致它的最近操作,我什至删除了其他可以做到这一点的东西,但没有成功。我也在 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 代码,然后它完美地工作了。

4

2 回答 2

0

会不会只是笔误?

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

于 2013-03-15T20:28:28.800 回答
0

It may have been something with the cache, however it did not work at first after clearing my cache. After a couple of reboots it finally worked again.

于 2013-06-18T00:15:34.403 回答