cambio de atributo de html5 con funcion .attr

khonzu · #1 (**permalink**) 19/07/2012, 09:50

Tengo el siguiente código html5:

<video id="v1" controls src="/Styles/Videos/1.mp4" type="video/mp4" runat="server" width="640" height="480"></video>

Necesito cambiar la ruta del valor src, por ejemplo que quede src="/Styles/Videos/25.mp4", dicen que con jquery con la función .attr, se puede hacer este cambio. Poco se de jquery y lo he implementado de la siguiente manera,

En el head tengo:

<script type="text/javascript" src="/Scripts/jquery-1.4.2.js"></script>
<script type="text/javascript">
$(document).ready(function () {
('#v1').attr('src', '/Styles/Videos/25.mp4');
});
</script>

Pero la verdad no funciona, no cambia lo que necesito.

Cualquier ayuda estaré muy agredecido...

maycolalvarez · #2 (**permalink**) 19/07/2012, 09:53

te falta el $, que es el shorthand para acceder al core de jQuery:

$('#v1').attr('src', '/Styles/Videos/25.mp4');

informacionsys · #3 (**permalink**) 19/07/2012, 09:54

hola

no te cambia simplemente porque te falta el $ la linea

Código Javascript:

Ver original$('#v1').attr('src', '/Styles/Videos/25.mp4'); // el identificador de JQUERY $

khonzu · #4 (**permalink**) 19/07/2012, 10:16

He puesto $ en la expresión como me indicaron, pero sigue sin dar resultado...

Dradi7 · #5 (**permalink**) 19/07/2012, 10:26

Pero por lo que veo eso lo estas haciendo justo en el evento load del documento, deberia estar o deberia cambiar cuando hagas click en un boton especifica primero en que parte lo estas haciendo porque el codigo lo veo bien.

khonzu · #6 (**permalink**) 19/07/2012, 11:06

Es que necesito que cambie cuando se carga la página, pues en realidad lo que necesito es que la ruta del "src" de la etiqueta video me cambie con una variable que traigo de otra pagina... por ejemplo si en la pagina anterior alguien escogió la variable 51, entonces esa variable la envío a la pagina VideoTutorial y apenas cargue la pagina debe cambiar la etiqueta video con el src=/Styles/Videos/51.mp4, por eso necesito que cambie apenas cargue la pagina... De pronto debo aclarar que estoy trabajando con asp.net y C#

informacionsys · #7 (**permalink**) 19/07/2012, 11:14

hola

seguro que lo hiciste como te dijeron, a mi si me funciono añadiendo el simbolo $ ...

muestrame nuevamente como tienes el codigo

khonzu · #8 (**permalink**) 19/07/2012, 13:09

Todo el código que tengo...

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Video.aspx.cs" Inherits="Capturas.video" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script type="text/javascript" src="/Scripts/jquery-1.4.2.js"></script>

<script type="text/javascript">
$(document).ready(function () {
$('#v1').attr('src', '/Styles/Videos/32.mp4');
});
</script>

</head>
<body>
<center>
<video id="v1" controls src="/Styles/Videos/1.mp4" type="video/mp4" runat="server" width="640" height="480" ></video>
</center>
</body>
</html>

Dradi7 · #9 (**permalink**) 19/07/2012, 13:17

Te recomiendo que el codigo JavaScript lo pongas despues del </body>

maycolalvarez · #10 (**permalink**) 19/07/2012, 13:24

<video id="v1" controls src="/Styles/Videos/1.mp4" type="video/mp4" runat="server" width="640" height="480" ></video>

¿runat no es parte de ASP.net? en tal caso no debería ir allí, no se si ASP lo cambie, si te pones a ver no tiene sentido que lo procese ASP

khonzu · #11 (**permalink**) 19/07/2012, 13:43

Bueno si, lo de runat="server" se me paso, igual a la final eso no influye en el resultado...

Ahora si funciona todo correctamente, les cuento que al principio estaba trabajando con un pagina maestra, al parecer eso era el problema, simplemente cree una nueva pagina, sin pagina maestra e introduje el mismo código que tenía y obtuve el resultado requerido...

Muchas gracias por toda su ayuda!!!!!!