Невозможно переключить карту с видео в карусели

Question

Я создаю медиа-галерею, которая может отображать фотографии и видео на данный момент. Они отображаются в карусели.

Теперь проблема заключается в том, что когда я переключаюсь на карту, содержащую видео, я больше не могу переключаться с карты, потому что событие переключателя, вероятно, применяется к элементу видео, а не к карусели.

У кого-нибудь когда-либо была эта проблема, удалось ее решить?

[UPDATE]

You can test it here

Он отлично работает на Safari/Mac, но не на Safari/прошивкой

меня попробовать добавить событие itemswipe к компонентным видео, но У меня такая же проблема, она не срабатывает на iOS ...

Это похоже на то, что WebView прокручивается вертикально, когда вы прокручиваете видеокомпонент.

Answer 1

Вы должны отключить собственные элементы управления видео, добавив в объект видео свойство enableControls: false. Но вам придется реализовать свои собственные элементы управления.

Эта проблема упоминается здесь: https://stackoverflow.com/a/3488052/458679 «Ваши события прикосновения поглощаются элементами управления по умолчанию игрока. Если вы установите элементы управления видеоэлементами на false, вы можете полностью контролировать события на элементе видео. означает, что вам придется реализовать свои собственные элементы управления, что не очень сложно ».

Я также попытался поместить наложение div с индексом z на видео (я вставил коды ниже). Но это не сработало на IOS. Плеер всегда находится на верхнем уровне, если включены собственные элементы управления видео.

Изменить строку 82 to;

var panel2 = new Ext.Panel({items:[video],html: '<div class="overlay">first panel</div>'}); 

Добавить эти стили .x-видео {позиция: абсолютная;}

.overlay {width: 100%; 
height: 100%; 
background-color: gray; 
z-index: 111; 
position: absolute; 
opacity: 1;margin-top: -25px;}