PDA

View Full Version : Updating Video SRC Does not Work on iPhone



lylepratt
6 Jul 2011, 1:20 PM
Hi guys,

I have a list of items. When you click on the item, it brings up a "detail" view which contains a short video clip. The video clip source is pulled from a data store. I have an updateWithRecord function that looks like this (runs when you tap a list item):



updateWithRecord: function(record) {

Ext.each(this.items.items, function(item) {
item.update(record.data);
});

var toolbar = this.getDockedItems()[0];
toolbar.setTitle(record.get('number'));

},


Here is the template that is getting updated:



{
xtype:'panel',
tpl: [
'<tpl if="audio != \'\'"><div style="height: 40px; "><video width="100%" height="100%" preload="none" controls="controls"><source src="http://fest.example.com:8080{audio}"></video></div></tpl>',
'<div class="detail">',
'<h2>{number}</h2>',
'</div>',
]
}


In desktop browsers, like chrome, this works perfectly. The video src changes when I look at an item. However, on iphones, the video only plays on the FIRST ITEM YOU CLICK. If you go back, and click another item, the video will not play. Its like the src is not getting updated correctly on iphones.

Has anyone encountered anything like this or know of a solution?