HTML5視頻IOS6全屏

2013-02-27 187 views 0 likes

對於我的個人網站，我使用的是全屏視頻背景，效果很好。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>

來源

2013-02-27 Steven_Harris_