2013-12-11 97 views
0

我正在建立一个网站,并在主页上嵌入HTML5视频。该视频在桌面浏览器上显示效果良好。它被编码为它所在的容器的宽度的100%,并且该站点是响应(引导)。我的问题是,在iPad上,尺寸默认为小尺寸(150像素的高度,不记得宽度和它看起来很荒谬,我试图在HTML中定义一个尺寸,这是行不通的)iPad上的视频尺寸

<video width="1024" height="768" poster="images/video-placer.png" controls autoplay > 
<source src="video/video.mp4" type="video/mp4"> 
<source src="video/video.webm" type="video/webm"></video> 

的视频标签的CSS是宽度:100%;高度:?汽车;

我失去了一些东西明显这里

+0

只要检查这里显而易见的,你确实有一个在那里,对吧? –

+0

对不起,我喜欢。 – user2957

+0

完美,清除它。没有看到你的整个页面,很难猜测。 –

回答

0

我有这个问题在过去一些YouTube的嵌入我解决它通过将此CSS类添加到我的主样式表中:

html, body { height:100%; } 

希望它能帮助你。