jQuery Mobile видео мерцание после перехода - PullRequest
Новая
       6

jQuery Mobile видео мерцание после перехода

2 голосов
/ 09 января 2012

Я делаю небольшое приложение для iPad, используя jquery mobile и phonegap.Переходы страниц приятны, и кажется, что все работает хорошо.Но когда я добавляю видео (тег HTML5 видео) на одну из страниц, все в основном работает нормально, за исключением того, что время от времени после перехода страницы со страницы с видео будет мерцать окно видео.Это происходит только в 30% случаев.Кажется случайным.Таким образом, каждый раз, когда я перехожу с моей видео страницы, она будет мигать видео на следующей странице на долю секунды.это действительно раздражает.В симуляторе тоже не бывает.

Кто-нибудь знает, как это остановить?Я пробовал все, включая добавление -webkit-backface-visibility: hidden;в мой класс .ui-page в CSS jquery для мобильных устройств.Ничто не может остановить это.

Спасибо за любую помощь.

1 Ответ

0 голосов
/ 21 февраля 2012

Нашел некоторую информацию здесь; https://github.com/jquery/jquery-mobile/issues/455

старая ошибка, некоторые мелкие исправления в ветке, но еще не выпущенные.

Кажется, в том порядке, в котором вы установили "webkit-backface-visibility", сначала я попробовал в отдельном файле .css и загрузил его раньше. Некоторые мерцания исчезли, а некоторые остались.

Затем я добавил код ниже после всего, что в самом конце тега и видео / переходы больше не мерцают на iphone и ipad. 

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>

<style>
    /* patch for jquerymobile page flicker */
    .ui-page {
        -webkit-backface-visibility: hidden;
    } 
</style>
</head>
...