Het wijzigen van de SRC van een Embed-code in JavaScript

De "< embed >" tag sluit media op een webpagina. Deze tags zijn meestal gebruikt om te sluiten van muziek en video's. HTML-codes zijn, door zelf, statisch en onveranderlijk. Een beetje JavaScript--een programmeertaal die wordt uitgevoerd in de browser van de gebruiker--kunt de inhoud van uw webpagina's HTML-codes wijzigen. Als u wilt wijzigen de "SRC" of "bron" kenmerk van "< embed >" tags met JavaScript, moet u een ID toewijzen aan de tags zodat uw script kan informatie worden geladen over de tags en wijzigen.

Instructies

1

Open uw webpagina in een code-editor of Kladblok en zoek naar de "< embed >" tags in de code:

< insluiten src="sample.mov" breedte = "300" height = "250" autoplay = "false" >

2

De naam van een ID toevoegen aan uw "< embed >" tag:

< insluiten src="sample.mov" breedte = "300" height = "250" autoplay = "false" id = "myvideo" >

U kunt een willekeurige naam voor een ID, zolang het is uniek. Kies een naam die gemakkelijk te onthouden.

3

Ga naar de sluiting "< / body >" tag van uw Web-pagina code en "< >" scripttags net boven het toevoegen:

< script type = "text/javascript" >
< / script >
< / body >

4

Beginnen met het schrijven van uw JavaScript-code tussen de scripttags "< >". Een variabele te declareren en stelt u de waarde naar de URL voor de media die u wilt insluiten:

var myVideo = "in http://yourdomain.com/path/to/thevideo.mov";

Wanneer u een URL opgeeft als de waarde van een variabele, altijd eromheen in enkele of dubbele aanhalingstekens. In dit voorbeeld is "myVideo" de naam van de variabele. De variabele slaat informatie thats veranderlijk of "variabele", zoals de term suggereert.

5

Start een nieuwe regel onder uw variabele en voeg deze code toe:

var myEmbed = document.getElementById("myvideo");

Deze code plaatsen informatie over de "< embed >" tag in een variabele met de naam "myEmbed."

6

Stel het kenmerk "SRC" van "myEmbed" aan de variabele met uw media URL:

myEmbed.setAttribute ("src", myVideo);

De eerste parameter binnen de haakjes is "SRC," de naam van het kenmerk dat u wilt wijzigen. Deze informatie moet tussen aanhalingstekens staan, zoals wordt weergegeven. De volgende parameter, of stukje informatie, is de naam van de variabele met de URL. Aangezien dit een variabele naam is, hoeft het niet tussen aanhalingstekens staan. Hier is de afgewerkte script:

var myVideo = "in http://yourdomain.com/path/to/thevideo.mov";
var myEmbed = document.getElementById("myvideo");
myEmbed.setAttribute ("src", myVideo);