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