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

Question

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

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

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

[ОБНОВЛЕНИЕ]

Вы можете проверить это здесь

Отлично работает в Safari / Mac, но не в Safari / iOS

Я пытаюсь добавить событие itemswipe в Video Component, но у меня возникает та же проблема, она не срабатывает на iOS ...

Похоже, это связано с тем, что при просмотре видео компонента WebView прокручивается по вертикали.

Answer 1

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

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

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

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

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

Добавьте эти стили .x-video {position: absolute;}

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