View Full Version : Carousel stops working after clicking video

15 Jul 2011, 2:03 AM
Hey everybody,

I got a problem using video elements inside a carousel.
If I open my app on the iPhone, then switch to the carousel, play a video and
stop it, the carousel stops working, too. I cannot switch between items anymore.

Taking a look at it with Safari reveals a slightly different problem. I cannot use
the video controls. Trying to click them just moves between carousel items around.

Here is my code:

FWApp.views.FWmotion = Ext.extend(Ext.Carousel, {
fullscreen: true,

items: [
xtype: 'video',
autoPause: true,
width: 535,
height: 381,
posterUrl: '/resources/motion/hello.jpg',
url: '/resources/motion/video.mp4',
xtype: 'video',
autoPause: true,
width: 535,
height: 381,
posterUrl: '/sencha/resources/motion/just.jpg',
url: '/sencha/resources/motion/video2.mp4',

Nothing to fancy. The view gets loaded inside the Viewport, MVC style.

15 Jul 2011, 5:42 AM
So, I got a step further and thought I let everyone know. ;)

It seems to be a problem, when the video component covers the whole carousel.
Making the width and height smaller, reveals the carousel again. But there is still
a problem.

You can't swipe over a paused video to get to the next/prev carousel item. You can
only press it to resume/play the video. Changing the carousel item only works, if
you swipe below or above the video.

Is there a way to show the div.x-video-ghost and hide the video after stopping it?

15 Jul 2011, 1:33 PM
With over 15 years of industry experience frames.html Creations are the experts in providing you with a reliable futon solution futon frames (http://www.futoncreations.com/futon-frames.html) . We work with futon manufacturers globally to bring you the best value futon covers (http://www.futoncreations.com/futoncovers.html) and products to fit every budget.