Tengo este documento HTML:
<!DOCTYPE html>
<html lang="sp">
<head>
<meta charset="UTF-8">
<title>Reproductor de Video</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="container">
<video src = "lista/jake.mp4" autoplay></video>
<i class="fa fa-play med_icon icon_white pointer"></i>
<div class="pull-right">
<i class="fa fa-volume-up"></i>
<i class="fa fa-expand"></i>
<i class="fa fa-arrows-alt"></i>
</div>
</div>
</body>
</html>
Solo me funciona de esa forma, haciendo referencia directa a la dirección del vídeo.
Pero ésta puede variar y, por ello, lo estoy guardando en una variable de javascript. Pero no sé cómo hacer referencia al dato guardado de esa variable en HTML.
src
de la etiquetavideo
? Sí es así, tiene que ocurrir algo para que ésta cambie ¿no? Pues solo tienes queescuchar
ese evento y cuando ocurra, editar el atributo. Esto es tanto sí es elsrc
delvideo
como sí es la clase de un elemento.