Múltiples solicitudes de mp4 en Chrome bloqueadas en ‘pendiente’

Tengo una lista de películas (botones) que, cuando un usuario hace clic, realiza una solicitud AJAX para actualizar el atributo fuente de la etiqueta de video. Antes de cargar el nuevo video (.load ()), el elemento de video se clona, ​​se elimina y luego se vuelve a insertar en el DOM (para corregir un error de Safari). Ver código a continuación:

//load in new paths var contentVideos = $("#projectsMedia video source"); contentVideos.each(function () { if ($(this).attr("src").lastIndexOf("mp4") !== -1) { $(this).attr("src", videoPath + ".mp4"); } else if ($(this).attr("src").lastIndexOf("ogv") !== -1) { $(this).attr("src", videoPath + ".ogv"); } else if ($(this).attr("src").lastIndexOf("webm") !== -1) { $(this).attr("src", videoPath + ".webm"); } }); //clone vid, delete, reload for safari bug var clonedVid = $("#projectsMedia video").clone(); $("#projectsMedia video").remove(); clonedVid.insertAfter($("#projectsMedia h1")); $("#projectsMedia video")[0].load(); 

Esto funciona bien para todos los navegadores, pero Chrome parece estar lanzando una llave en las obras. Cuando la nueva ruta se coloca en el atributo src y el video se carga, Chrome tarda entre 2 segundos e infinito en cargar el video.

Al abrir la consola de desarrollo, descubrí que el archivo mp4 se está descargando varias veces (una característica aparente de Chrome), y las solicitudes se quedan pendientes durante un período de tiempo indefinido y el video rara vez se carga en 10 segundos. Ver captura de pantalla.

introduzca la descripción de la imagen aquí

Otro comportamiento interesante en Chrome es que en una actualización de la página (o clic con el botón para realizar una nueva solicitud de AJAX), si la consola dev no está abierta, al abrirla forzará la carga del mp4, y funciona bien.

¿Alguien sabe de una solución a esto?