HTML5视频IOS6全屏
问题描述:
对于我的个人网站,我使用的是全屏视频背景,效果很好。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>
感谢连接我的职务。 – johncblandii 2013-04-05 05:52:57