Переполнение-х скрыто с видео параллакса не работает только на iphone - PullRequest
Новая
       42

Переполнение-х скрыто с видео параллакса не работает только на iphone

0 голосов
/ 06 мая 2019

Я только что узнал, что пользователи могут просматривать переполненный контент на iPhone при просмотре моего сайта.Это происходит только с параллакс видео.И содержимое «переполнения» на самом деле не переполнено.Просто они могут перемещать сайт из стороны в сторону и видеть видео за другим контентом.Это происходит только с iPhone.Горизонтальная прокрутка не происходит с телефонами Android.

Кто-нибудь знает, что может происходить?

Мой HTML: 

<div class="ParallaxVideo ">
  <video autoplay muted loop playsinline>
  <source src="video/Piano.mp4" type="video/mp4">
  </video>
</div>

css: 

html, body {
  position:relative;
  overflow-x:hidden;
  overflow-y: scroll !important;
  line-height: 1;
    min-height:100%;
    font-family:'Martel', serif!important;
}

.ParallaxVideo{ 
    height: 50vh;
    padding-bottom: 50px;
    padding-top: 50px; 
    width: 100%;
    overflow-x: hidden !important;
}
.ParallaxVideo video{ 
    width: 100%;
    position: fixed;
    top:0;
    z-index: -97;
}

@media only screen and (max-width: 500px) {
    .ParallaxVideo{ 
        height: 30vh;
        padding-bottom: 40px;
        padding-top: 40px; 
    }
    .ParallaxVideo video{ 
        width: 100%;
        position: fixed;
        top:50%;
        z-index: -97;
    }
}

Мой сайт здесь .

...