2013-02-27 126 views
0

对于我的个人网站,我使用的是全屏视频背景,效果很好。HTML5视频IOS6全屏

我打算在iPad上禁用它,但我注意到自动播放现在在IOS6中工作,所以我想我会离开它。唯一不妥的是,视频不能伸缩以覆盖ipad上的全屏,而是保持其原始大小和纵横比。

我曾尝试将视频放在画布上,但仍然没有任何运气。

任何人都知道工作?

#video { 
position: absolute; 
bottom: 0px; 
right: 0px; 
min-width: 100%; 
min-height: 100%; 
width: auto; 
height: auto; 
z-index: -1000; 
overflow: hidden; 
} 

#video, canvas { 
bottom: 0px; 
right: 0px; 
min-height: 100%; 
height: auto; 
} 

<canvas></canvas> 
<video id="video" preload="auto" autoplay="true" loop="loop"> 
<source src="video/hello.mp4" type="video/mp4"> 
<source src="video/hello2.webm" type="video/webm"> 
<source src="video/hello.ogv" type="video/ogg ogv" ;="" codecs="theora, vorbis"> 

</video> 

回答