Estoy tratando de descubrir cómo puedo hacer referencia a videos específicos para 1 etiqueta de video y crear otra etiqueta de video sin ningún video para que mi variable sepa que es un video. El problema con eso es que crea un segundo video en blanco.

<video id="videoTag1" controls>
  <source id="mp4_src" src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4 " type="video/mp4">
  <source id="mp4_src" src="movie.mp4" type="video/mp4">
</video>

<video id="videoTag2" controls>
</video>

¿Cómo puedo hacer referencia a que algo es un video sin usar otra etiqueta de video o cambiar a la segunda etiqueta sin que aparezca un segundo video en blanco?

1
Douglas Banks 30 oct. 2019 a las 06:46

3 respuestas

La mejor respuesta

Simplemente cambie el src en javascript:

// Some example videos
const srcs = [
  'http://clips.vorwaerts-gmbh.de/VfE_html5.mp4',
  'https://preview.redd.it/47zk247yufg31.gif?format=mp4&s=21e1fc3ab5d02d77762094026716fe5ae6fce0dc'
];

let video = document.getElementById('video');
let source = document.createElement('source');

// Set the inital video src and play
source.setAttribute('src', srcs[0]);
video.appendChild(source);
video.play();


let i = 1; // current index for example
// Update src and play
function changeVideo() {
  i = i ? 0 : 1;
  video.pause();
  source.setAttribute('src', srcs[i ? 0 : 1]);
  video.load();
  video.play();
}
<video id="video" controls>
</video>
<button id="changeSource" onClick="changeVideo()">Change video</button>

Espero que esto ayude,

1
Miroslav Glamuzina 30 oct. 2019 a las 03:59

Establezca la segunda visibilidad de video en oculta.

0
user12294951 30 oct. 2019 a las 03:49

Puedes ocultar la segunda etiqueta de video.

<video hide="true" id="videoTag2" controls>
0
Merey Nurlan 30 oct. 2019 a las 03:53