Flickr video su mobile phone tramite pagina web

[mannybiker]

Salve,
probabilmente per il livello di conoscenza che ho in JScript mi sono lanciato in una sfida impossibile!
L'obiettivo è quello di poter creare una gallery di foto e video estrapolati da un account Flickr che sia ottimizzata per i browser mobili. Sono partito da un tutorial che ho trovato qui: awesome-mobile-image-gallery-web-app , scritto in JQuery e PHP.

Sono riuscito a modificare la parte php in modo da andare a recuperare i dati da un file XML che contiene le informazioni relative alle foto e a i video presenti su Flickr.
Ecco un pezzo dell'XML:

<item type="image">
<thumbnail>http://farm3.static.flickr.com/2686/...6863d871_s.jpg</thumbnail>
<label>Floating</label>
<file>http://farm3.static.flickr.com/2686/...6863d871_z.jpg</file>
<description>Dixie State Red Storm vs. Dominican February 25th 2010.</description>
</item>

<item type="video">
<thumbnail>http://farm4.static.flickr.com/3329/...426c9759_s.jpg</thumbnail>
<label>Salt Lake City at night</label>
<file>http://www.flickr.com/photos/2680548...te/48426c9759/</file>
<description>yummy pollution. how can this be legal?</description>
</item>

Funziona tutto perfettamente per quanto riguarda le foto, ma i video che non erano supportati nativamente dall'applicazione tutorial naturalmente non vanno, anzi, se presenti nemmeno le foto si visualizzano.

Vorrei poter implementare questi video nello script e permettere all'utente di visualizzare l'mp4 sul proprio cellulare in streaming...
Qualche santo mi darebbe una mano anche se chiedo molto?

[mannybiker]

Ho modificato la funzione JQuery per gestire il video... controllo se nell'url c'è la stringa "jpg", se c'è eseguo lo script del tutorial altrimenti faccio un href al file video:

function loadPhoto($thumb){
        var $loader 	= $('#photo_container').find('.loader');
        $loader.show();
        var $theimage 	= $('#theimage');
        if ($thumb.attr('alt').indexOf('.jpg')>-1) {
            $('<img/>').load(function(){
                var $this 	= $(this);
                resize($this);
                $loader.hide();
                var $a=$('<a/>');/*for swipe*/
                $theimage.empty().append($a.append($this));
                $('#description').empty().html($thumb.attr('title'));
                $('#prev,#next').show();
            }).attr('src',$thumb.attr('alt'));
        }
        else {
           $loader.hide();
           $(window.location).attr('href',$thumb.attr('alt'));
        }

Funziona, ma con un difetto... invece di chiedermi di avviare il play del video, il browser scarica il file...
L'url che Flickr mi da è un redirect prechè non esiste il modo di puntare staticamente a un file video sui loro server, riesco al massimo a recuperare il redirect tramite uno script php:

Standard: http://www.flickr.com/photos/2680548...te/48426c9759/
Ricavato:
http://c-3327796427.a-flickr.i-4f10c...6427_site.mp4&

Ma entrambi i link avviano il download. Secondo voi posso inventarmi qualche cosa?