我正在制作这些网站,向用户展示各种游戏的视频,并且我遇到了问题。现在这是我真的无法解决的问题,我已经搜索过互联网,但没有成功......如果我要设置视频元素的宽度和高度,那么电影/视频的尺寸并不总是如此会是一样的。所以我只输入了它的宽度,并希望高度能够自行修复,这样做。然而,在我的页面上进行了一些更多的编辑后,高度不是之前的值。它现在已改为宽度的像素。我试图删除可能导致它的所有最近的操作,我甚至删除了其他可以做到这一点的东西,但没有成功。我也在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的代码来改变维度,然后它完美地工作。
答案 0 :(得分:0)
这只会是一个错字吗?
在CSS中,与id(video_video_video)相比,有一个空格而不是下划线(video_video视频)。
答案 1 :(得分:0)
它可能是缓存中的某些内容,但在清除缓存后它首先不起作用。经过几次重新启动后,它终于再次运作了。