|
Categorieën >
JavaScript
Youtube embed code parsen aan de hand van url
|
|
|
offline
|
PHP beginner
|
Hallo allemaal,
Ik zou graag het Youtube embed url willen parsen uit een een stuk tekst met een youtube url daarin. Daarvoor heb ik alvast de onderstaande code geschreven, echter werkt deze niet. Er ontbreekt ook nog een regex die filtert op Youtube url's. Iemand een oplossing?
Dank alvast voor je hulp!
Martijn
function Youtube(identifier, text)
{
this.embedCode = '<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/<!embedUrl>&hl=nl&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/<!embedUrl>&hl=nl&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>'; //Youtube embed source
this.identifier = identifier;
this.text = text;
}
Youtube.prototype.GetEmbedCode = function()
{
var arrResult = this.split('=');
return this.embedCode.replace('<!embedUrl>', arrResult[1]).replace('<!embedUrl>', arrResult[1]);
}
Youtube.prototype.Render = function()
{
this.GetEmbedCode();
document.getElementById(this.identifier).innerHTML = this.embedCode;
}
function Youtube(identifier, text) { this.embedCode = '<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/<!embedUrl>&hl=nl&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/<!embedUrl>&hl=nl&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>'; //Youtube embed source this.identifier = identifier; this.text = text; } Youtube.prototype.GetEmbedCode = function() { var arrResult = this.split('='); return this.embedCode.replace('<!embedUrl>', arrResult[1]).replace('<!embedUrl>', arrResult[1]); } Youtube.prototype.Render = function() { this.GetEmbedCode(); document.getElementById(this.identifier).innerHTML = this.embedCode; }
|
7 antwoorden
Maarten – 23/09/2011 14:29 (Laatst gewijzigd op 23/09/2011 14:30)
|
|
offline
|
Erelid
|
|
|
|
|
offline
|
PHP beginner
|
Enig idee hoe je dat met javascript kan doen??
|
Dlol – 23/09/2011 15:34 (Laatst gewijzigd op 23/09/2011 15:34)
|
|
offline
|
Lid
|
Regex's met javascript gaat zo:
var a = "hallo";
a.match(/h[ae]llo/); // Matcht
/h[ae]llo/.test(a); // Matcht
var a = "hallo"; a.match(/h[ae]llo/); // Matcht /h[ae]llo/.test(a); // Matcht
|
cyberninjah – 23/09/2011 15:38 (Laatst gewijzigd op 23/09/2011 15:39)
|
|
offline
|
Lid
|
Niet zelf gemaakt ooit is gevonden op het web:
function getParameter(url, name) {
var urlparts = url.split('?');
if (urlparts.length > 1) {
var parameters = urlparts[1].split('&');
for (var i = 0; i < parameters.length; i++) {
var paramparts = parameters[i].split('=');
if (paramparts.length > 1 && unescape(paramparts[0]) == name) {
return unescape(paramparts[1]);
}
}
}
return null;
}
alert(getParameter('http://www.youtube.com/watch?v=u8nQa1cJyX8', 'v'));
function getParameter(url, name) { var urlparts = url.split('?'); if (urlparts.length > 1) { var parameters = urlparts[1].split('&'); for (var i = 0; i < parameters.length; i++) { var paramparts = parameters[i].split('='); if (paramparts.length > 1 && unescape(paramparts[0]) == name) { return unescape(paramparts[1]); } } } return null; } alert(getParameter('http://www.youtube.com/watch?v=u8nQa1cJyX8', 'v'));
Oops !!
Sorry dit ging over embed sorry mij fout.
|
|
|
|
offline
|
PHP beginner
|
Ja, maar de code werkt ook niet. Wil tevens graag leren werken met javascript classes en methodes.
|
Dlol – 24/09/2011 00:08
|
|
offline
|
Lid
|
Javascript heeft geen classes, al kan je ze wel "faken".
Ivm object georiënteerd javascript kan ik je wel ten zeerste http://ikspry.c...script.pdf aanraden!
|
|
|
|
offline
|
Crew Javascript
|
Faken zou ik het niet willen noemen. JavaScript heeft een ander concept van classes zoals wij die standaard kennen, en het heet Prototyping. Zoek maar op Google en je zult meer dan genoeg artikelen hierover vinden  Ook is "Object Oriented Javascript" een goede zoekopdracht
|
Je moet ingelogd zijn om een reactie te kunnen posten.
|
|
|