Current status:
- works on firefox, as long as the link doesn't have more than 1 ampersand
- doesn't work on chrome, even though the embed src property is being set (anyone know if chrome does something different with javascript I should I know about?)
- IE: fuck you, this site looks like shit on IE and I don't feel like doing anything about it.
Here's what the code looks like:
[code:1n8jc8w5]
<embed id="ytembed" width="425" height="344"
src="http://www.youtube.com/v/"
type="application/x-shockwave-flash"
allowfullscreen="true">
</embed>
<p id="output">{URL}</p>
<script type="text/javascript">
window.onload=fixYoutube();
function fixYoutube() {
var numEmbeds = document.getElementsByTagName("embed").length;
document.getElementById("ytembed").id="ytembed"+numEmbeds;
document.getElementById("output").id="output"+numEmbeds;
var txt = document.getElementById("output"+numEmbeds).innerHTML;
var vee=0;
var amd=0;
var i=0;
var j=0;
for (i=0;i<=txt.length;i++)
{
if (txt.charAt(i)=="v") { vee=i;}
}
var txt2 = txt.slice(vee + 2,txt.length);
var txt3 = txt2;
for (j=0;j<=txt2.length;j++)
{
if (txt2.charAt(j)=="&") { amd=j; }
else { amd=j; }
}
txt3 = txt2.slice(0,amd);
document.getElementById("ytembed"+numEmbeds).src="http://www.youtube.com/v/"+txt3;
document.getElementById("output"+numEmbeds).innerHTML=" ";
}
</script>
[/code:1n8jc8w5]
(I'm a noob at javascript, if this is terribly inefficient or something cut me some slack)
On chrome, the embed src attribute does get replaced, but its like the browser doesn't realize it, or something. If you look at the page source for anywhere that's used on chrome, it'll show the correct link but the video on the page itself won't be active.
It bugs out if you have more than one & in the url, I'll try to get to that next.