2013-03-15 155 views
0

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

正常:
...........
VIDEO
...... .....

是什么样子,现在在Chrome(“||”是由视频元素创建自由空间):
|||||||||||||||
...........
VIDEO
...........
|||||||||||||||

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

您是否尝试清除缓存?您可以使用Chrome的开发者工具查看正在加载的HTML和CSS。如果它与当前文件中的代码不同,那么它将从缓存中获取文件并将使用它的早期版本。您可以在设置中清除它。 – brianchirls 2013-03-16 04:51:07

+0

是的,我已经尝试清除我的缓存。 – 2013-03-18 14:16:19

回答

0

它可能与缓存有关,但是在清除缓存后它一开始并不起作用。几次重启之后,它终于再次运行。

0

难道只是一个错字吗?

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

+0

不,该类是用于定义其父,然后是它内部的视频,这是这个视频元素。视频元素正在定义一个用于JavaScript的ID。 – 2013-03-15 23:11:18

+0

好的谢谢你的信息! – 2013-03-17 15:27:03