Tecnología

Inicio

Cómo cambiar el src de una etiqueta Insertar en JavaScript

La etiqueta "<embed>" inserta multimedia en una página Web. Estas etiquetas son los más utilizados para incrustar música y videos. etiquetas HTML son, por sí mismos, estático e inmutable. Un poco de JavaScript - un lenguaje de programación que se ejecuta en el navegador del usuario - puede cambiar cualquier contenido de las etiquetas HTML de su página web. Para cambiar el "SRC" o atributo "fuente" de "<embed>" etiquetas con JavaScript, necesita asignar un ID de las etiquetas para que su escritura se puede cargar la información acerca de las etiquetas y cambiarlos.

Instrucciones

1 Abra la página Web en un editor de código o el Bloc de notas y buscar los "<embed>" etiquetas en el código:

<Embed src = "sample.mov" width = "300" height = "250" reproducción automática = "true">

2 Añadir un nombre de ID a la etiqueta "<embed>":

<src = ancho "sample.mov" incrustar = "300" height = "250" reproducción automática = "false" id = ""> myvideo

Se puede utilizar cualquier nombre para una identificación, con tal de que es única. Escoger un nombre que sea fácil de recordar.

3 Ir al cierre "</ body>" etiqueta de código de la página web y añadir "<script>" etiquetas justo encima de él:

<Script type = "text / javascript">
</ Script>
</ Body>

4 Comienza a escribir el código JavaScript entre los "<script>" etiquetas. Declarar una variable y establezca su valor en la dirección URL de los medios de comunicación que desea incrustar:

var myVideo = "http://yourdomain.com/path/to/thevideo.mov&#8221 ;;

Al especificar una dirección URL como el valor de una variable, siempre rodear de comillas simples o dobles. En este ejemplo, "myVideo" es el nombre de la variable. Los almacenes de información variable que se puede cambiar o "variables", como sugiere el término.

5 Iniciar una nueva línea debajo de la variable y añadir este código:

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

Este código coloca información sobre la etiqueta "<embed>" dentro de una variable llamada "myEmbed."

6 Establecer el atributo "SRC" de "myEmbed" a la variable que contiene el URL de sus medios de comunicación:

myEmbed.setAttribute ( "src", myVideo);

El primer parámetro es un paréntesis dentro de la "SRC", el nombre del atributo que necesita cambiar. Esta información debe comillas, como se muestra. El siguiente parámetro, o una pieza de información, es el nombre de la variable que contiene la dirección URL. Dado que este es un nombre de variable, que no necesita comillas. Aquí está el guión terminado:

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