Puedes usar promises (Código asíncrono en javascript), por ejemplo si hay un error en la carga de los datos, inmediatamente cambias el src, incluso puedes encadenar promises, pero ten cuidado de no caer en el Promises hell, ya que las promises fueron creadas precisamente para evitar el llamado callback hell.
let video = document.getElementById("Video");
const promise = new Promise((resolve,reject)=>{
video.load();
video.onloadeddata = ()=>{
resolve();
}
//Reject solo se ejecuta si resolve fallo.
reject('https://download.blender.org/peach/trailer/trailer_400p.ogg');
}).then(){
video.pause();
}.catch(url){
video.src = url;
const anotherP = new Promise((resol, rej)=>{
video.load();
video.onerror = ()=>{
rej("¡No ha sido posible cargar el video de repuesto!");
}
resol();
}).then(){
video.pause();
}.catch(message){
throw new Error(message);
}
}
Las promises se usan para ejecutar código asíncrono, es decir, cuando requieres que algo se ejecute en segundo plano y este disponible un tiempo después mientras el javascript si lo requiere ejecuta otras cosas. En nuestro caso la carga de un video.
En tu caso, ten en cuenta que el atributo autoplay, solo te va a funcionar si lo ejecuta el propio usuario mediante una función al inicio (Por ejemplo oprimir una tecla o hacer un click), con las funciones de cargar o funciones que no dependan del usuario, chrome automáticamente bloqueara este comportamiento, y no reproducirá el video. (Aunque de todas maneras tu mas adelante por ti mismo en el código lo pausas),(Si es este el problema, el hecho de que no se reproduce) intenta añadir un eventListener para poder usar la función play en el video cuando el video este cargado.
Por ejemplo un onclick.
El funcionamiento de una promise consta de tres estados, de los cuales al final la promise siempre tendra un estado u otro, estos son llamados "resuelto" y "rechazado", la promise recibe como parámetros dos callbacks, (Funciones), la primera se ejecuta cuando la operación a realizar fue exitosa, la segunda se ejecuta cuando la operación a realizar falló.
En este casó, para que no halla conflictos con la promise, le he añadido al elemento video de html un atributo: "preload = "none", ya que por defecto las imagenes, audios y videos lo tienen en auto, el problema es que si el video ya cargo por defecto nunca se va a ejecutar nuestra promise, ya que nunca entrara en la función onloadeddata del video, que se ejecuta una vez termine de cargar la data del video.
entonces:
video.load();//Cargamos el video manualmente
video.onloadeddata = ()=>{
/*Una vez halla cargado el video se ejecuta automaticamente resolve
resolve a su vez, llama a then, el cual siempre es ejecutado después de que
resolve halla sido llamado, si le pasamos parametros ya sea a resolve o reject
estos podrán ser recibidos en .then o .catch respectivamente.
Esto dependiendo del estado de la promesa (Cumplida o rechazada)*/
resolve();
}
Por otro lado:
.then(){
video.pause();
}.catch(url){
//resto del código
}
como puedes ver, atravez de nuestra función principal de nuestra promise, si nosotros nos saltamos el ; del final, podemos concatenar .then() y .catch() ahí mismo como si se tratase de la cola de una función!, esto lo hacemos con un punto "."