Cambio Vimeo Video utilizzando jQuery

StackOverflow https://stackoverflow.com/questions/2965750

  •  23-10-2019
  •  | 
  •  

Domanda

Come posso cambiare l'ID del video Vimeo incorporato? Ecco il codice embed per esempio: 

<object width="578" height="325">
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=11527784&amp;
server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" />
<embed src="http://vimeo.com/moogaloop.swf?clip_id=11527784&amp;
server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;
color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" 
allowscriptaccess="always" width="578" height="325"></embed></object>

Come posso cambiare il clip_id sia il valore dell'oggetto e la fonte embed utilizzando jQuery o solo puro javascript?

L'effetto che questo ha è che cambia il video. Ho testato questo su Firefox, se questo non funziona su tutti i browser per favore fatemelo sapere!

Grazie a tutti per tutto l'aiuto

È stato utile?

Soluzione

Non sono sicuro "quando" si vuole sostituirlo, così ho fatto che al clic. Prova questo: 

$('#change_me').click(function() {
    var val = $('embed').attr('src').replace(/clip_id=(?=\d).\d+/g, 'clip_id='+new_id);


    $('embed').attr('src', val);
    alert($('embed').attr('src'));
});

Questa espressione regolare troverà clip_id seguito da tutti i numeri e solo numeri e sostituirle con il nuovo ID. È possibile farlo su entrambe le URL che contengono clip_id. Sono abbastanza sicuro che funzionerà su tutti i browser, anche se non posso provarlo in questo momento.

Nota:. Sono sicuro che una migliore espressione regolare potrebbe essere utilizzato, ma io non sono bravo particolarmente con loro, quindi questo è tutto quello che posso venire con atm

Spero che questo aiuti

Altri suggerimenti

Ci sono alcune implicazioni cross-browser per questo.

Si potrebbe desiderare di dare un'occhiata a un'altra domanda su SO .

Si dovrebbe usare il plugin SWFObject per questo come affermato da SolutionYogi .

Ecco un'altra domanda relativa: Come utilizzare javascript per swf di swap in html? 

    var params = document.getElementsByTagName("param");
    var clip_url = 11527780;
    var vimeo = "http://vimeo.com/moogaloop.swf?clip_id=" + clip_url + "&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1";
    params[2].setAttribute("value", vimeo);

    var embed = document.getElementsByTagName("embed");
    embed[0].setAttribute("src", vimeo);

clip_url è l'id del video Vimeo.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top