Mi tarea era fusionar dos videos y reproducirlos uno tras otro automáticamente. Este es el código fuente del código html de mi proyecto:
var video = document.getElementById('videoPlayer'); video.addEventListener('ended', function(event) { var currentVid = document.querySelector("#videoPlayer source.current"); var nextVid = document.querySelector("#videoPlayer source.current + source") || document.querySelector("#videoPlayer source:first-child"); currentVid.className = ""; nextVid.className = "current"; video.src = nextVid.src; video.play(); }); <video id="videoPlayer" width="500" height="350" controls style="background:black"> <source class="current" src="MY_VIDEO.mp4" type="video/mp4" /> <source src="video2.mp4" type="video/mp4" /> </video>Mi siguiente tarea dice que https://videojs.com/ es la URL para acceder a los archivos fuente de la biblioteca. No entiendo ¿Qué significa esto? ¿Alguna idea? Gracias por adelantado :)
Creo que hay un cdn donde todos los archivos css/js están alojados en ese enlace. ¿Puede proporcionar más detalles, para que pueda ayudar! ¡Gracias!
Consulte https://videojs.com/getting-started/
Puede obtener archivos de distribución alojados en CDN en https://vjs.zencdn.net/7.19.2/video-js.css y https://vjs.zencdn.net/7.19.2/video.min.js , o instalar con NPM.
No es necesario que cargues tu código. Simplemente puede incluir los archivos alojados de video js cdn dentro de un documento HTML simple, luego cargue sus archivos de video como está escrito dentro de la documentación. Puede mostrar videos alojados en su servidor web o desde una fuente externa. Incluya estos: https://vjs.zencdn.net/7.19.2/video.min.js https://vjs.zencdn.net/7.19.2/video-js.css