У меня есть полноэкранное видео на сайте. на iPad я хочу загрузить изображение постера, чтобы оно также было полноэкранным. Разметка и css, которые у меня есть, работают на iPad Mini с низким разрешением, но не отображаются в полноэкранном режиме на iPad Retina.
HTML...
<video autoplay poster="/images/styles/vid_home_screenshot.jpg" id="bgvid" loop>
<source src="/video/Globe_vid_main_1280x720_v4.mp4" type="video/mp4" />
<source src="/video/Globe_vid_main_1280x720_v4.webm" type="video/webm" />
<source src="/video/Globe_vid_main_1280x720_v4.ogv" type="video/ogg" />
</video>
Это css для элемента видео...
video {position: absolute;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
transition: 1s opacity;
top: 0;
left: 50%;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
}
