PDA

View Full Version : Issue with using multiple Html5 video element in IPAD



fazalur
21 Aug 2011, 9:52 AM
Hi,

I am using html5 video element in two consecutive panesl/carousels. If the first video ends playing by itself and go to the next panel/carousel and click play the second video. Then the first video starts playing instead of second video. This happens only in IPAD and not in browser.

Any help would be appreciated.

Thanks,
Faz

hingarn
29 Aug 2011, 8:52 AM
I have exact same problem. I hope there is a fix.

manishie
6 Nov 2011, 2:07 PM
hi, did anyone figure out a workaround? i'm experiencing this as well.

manishie
6 Nov 2011, 8:34 PM
i figured out a workaround. when i create my carousel, i don't actually create the videoplayers on each card. i just store the url in a property (itemURL). on cardswitch, i remove the videoplayer from oldCard, and create a new video player in newCard using the url i saved before. so at any given point, only one videoplayer exists, so this bug doesn't happen.



cardswitch: function (target, newCard, oldCard) {
// destroy any video players in the old card
oldCard.removeAll();


// create a new videoplayer for newCard
newCard.add({
xtype: 'video',
url: newCard.itemURL,
});
newCard.doLayout();
}