Vervanging van de Soundcloud embed tag

Pagina: 1
Acties:

Acties:
  • 0 Henk 'm!

  • apNia
  • Registratie: Juli 2002
  • Laatst online: 17-09 22:12

apNia

Schreeuwen en Nibbits eten!

Topicstarter
Is het mogelijk de Soundcloud embed te updaten naar de HTML5 versie die tevens wat gebruiksvriendelijker is? Momenteel gebeurt dat middels de [audio] tag en lijkt de regex replace nogal wat verwarring op te roepen in de verschillende topics (www is juist wel of niet toegestaan en ook enkel http of https is toegestaan meen ik).

De HTML code hiervoor is:
code:
1
<iframe width="450" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=soundcloud.com/{0}&amp;auto_play=false&amp;hide_related=false&amp;visual=true"></iframe>

(Voorbeeld: http://jsfiddle.net/LN8bP/)

Waar {0} de volgende replace regex is (als het goed is:
code:
1
https?://(|www.)soundcloud.com/{0}


Een alternatieve, cleanere, embed is:
code:
1
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=soundcloud.com/{0}&amp;auto_play=false&amp;hide_related=false&amp;show_artwork=true"></iframe>

(Voorbeeld: http://jsfiddle.net/XV7aA/)

De cover art versie is wat fancier, maar pikt vanzelfsprekend wat van de hoogte weg. Tevens is die misschien iets lastiger te navigeren bij langere tracks ivm max 450px breedte.

Acties:
  • 0 Henk 'm!

  • Kain_niaK
  • Registratie: Juli 2006
  • Laatst online: 08-01 20:46

Kain_niaK

Mijn hobby is niet werken

Ik heb problemen met de audio tag momenteel.
In Chrome werkt het niet meer, in IE nog wel.
Zal wel aan mijn eigen computer liggen .... maar html5 zou wel leuk zijn voor smarphones en zo denk ik.

en daar heb ik mijn beroep van gemaakt