不可能在旋转木马

Question

与视频切换卡我创建一个媒体库，其可以显示图片和视频的时刻。这些显示在旋转木马中。

现在我遇到的问题是，当我切换到包含视频的卡时，我无法切换卡，因为切换事件可能应用于视频元素而不是传送带。

有人曾经设法解决这个问题吗？

[更新]

You can test it here

它可以在Safari/Mac的罚款，但没有在Safari/iOS版

我有尝试的itemswipe事件添加到视频组件，但我遇到同样的问题，它不会在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-视频{位置：绝对;}

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