HTML - Como pasar el option value de la opcion_#1 al Source src del video

 
Vista:

Como pasar el option value de la opcion_#1 al Source src del video

Publicado por Justo (1 intervención) el 20/04/2021 09:43:09
Mi Duda es: Como pasar el option value de la opcion_#1 al Source src del video ?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<html>
<head>
  <title>Ejemplo de JavaScript</title>
  <meta charset="UTF-8">
</head>
<body>
 
<form>
<select name="ad" onchange="salta(this.form)">
 
<option value="https://drive.google.com/uc?export=download&amp;id=12mnFJcXuJ5oFmOSFoGtf2Mql1Emk8Mq2">opcion_#1
<option value="https://emisoramk.es.tl">opcion_#2
<option value="zzzz.htm">opcion_#3
</select>
 
<BR><BR>
<INPUT TYPE="submit"><INPUT TYPE="Reset">
</FORM>
 
<script>
  var mi='Quiero pasar el option value de la opcion_#1 al Source src del video';
  document.write(mi);
  document.write('</br>');
  document.write(this.form)
</script>
 
<center> Escoge tu Video Canal por dia y luego presiona el Play
<video width="320" height="200" controls="" poster="//&#10;img.webme.com/pic/e/emisoramk/LogoEMK.jpg">
 
<source src = .value "video/mp4">
</video> </center>
 
 
</body>
 
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
1
Responder
Imágen de perfil de joel
Val: 1.453
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Como pasar el option value de la opcion_#1 al Source src del video

Publicado por joel (460 intervenciones) el 20/04/2021 18:07:04
Hola Justo, he visto varias cosas extrañas, que he intentado solucionarlo... como cerrar los </option>

Haber que te parece con el cambio que te he realizado
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<html>
<head>
  <title>Ejemplo de JavaScript</title>
  <meta charset="UTF-8">
</head>
<body>
 
<form>
<select name="ad" onchange="salta(this.value)">
 
<option value="https://drive.google.com/uc?export=download&amp;id=12mnFJcXuJ5oFmOSFoGtf2Mql1Emk8Mq2">opcion_#1</option>
<option value="https://emisoramk.es.tl">opcion_#2</option>
<option value="zzzz.htm">opcion_#3</option>
</select>
 
<BR><BR>
<INPUT TYPE="submit"><INPUT TYPE="Reset">
</FORM>
 
Escoge tu Video Canal por dia y luego presiona el Play
<video width="320" height="200" controls="" poster="//&#10;img.webme.com/pic/e/emisoramk/LogoEMK.jpg">
 
<source type="video/mp4">
</video>
 
 
</body>
 
</html>
 
<script>
function salta(e) {
    const source=document.querySelector("source");
    const video=document.querySelector("select[name=ad]").value;
    source.src=video;
}
</script>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar