Tengo una página simple con un elemento <video> y la estoy probando con un servidor simple que ejecuto con python ( python -m http.server ). También probé con http-server JavaScript y obtengo los mismos resultados.
He estado probando principalmente en Firefox por ahora, pero solía funcionar en Chrome y Opera. Sin embargo, hoy intenté abrir la página y solo funciona en Firefox. El video no aparece en Chrome, Opera y Edge. Cuando voy a la consola, obtengo los siguientes problemas:
Cromo:
DevTools failed to load source map: Could not load content for chrome-extension://fheoggkfdfchfphceeifdbepaooicaho/sourceMap/chrome/iframe_handler.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME DevTools failed to load source map: Could not load content for chrome-extension://fheoggkfdfchfphceeifdbepaooicaho/sourceMap/chrome/content.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEMEÓpera:
Unchecked runtime.lastError: Invalid color name. Error handling response: TypeError: Cannot destructure property 'h' of 'undefined' as it is undefined. at chrome-extension://hhckidpbkbmoeejbddojbdgidalionif/components/video_toolbar.js:310:46 Failed to load resource: the server responded with a status of 404 (File not found)Borde:
Ni siquiera muestra problemas.
Si abro el archivo html directamente, sin el servidor, el video aparece en todos los navegadores, pero también estoy mostrando subtítulos .vtt, así que necesito probar con el servidor.
Lo que tengo es un elemento <video> muy simple:
<div class="video"> <video id="vid" controls> <source src="some_video.mp4" type="video/mp4"> <track kind="subtitles" src="some_captions.vtt" srclang="en" default> </video> </div>He leído que debería deshabilitar las extensiones, pero realmente no he instalado ninguna en estos navegadores. También leí que debería deshabilitar los mapas fuente de JavaScript y CSS, pero eso realmente no funcionó.
Lo probé aquí, con el video en la misma carpeta que mi test.html. El video mp4 está funcionando en Firefox, Chrome y Edge. tal vez algún problema con su servidor web?
Failed to load resource: the server responded with a status of 404 (File not found)me irrita: presione F12, cambie a la red y vea desde dónde intenta abrir su video (tal vez deba hacer clic en reproducir primero). Haga clic con el botón derecho en él: ábralo en una nueva pestaña para verificar la URL y si el video funciona
Utilizo Visual Studio para probar el código en localhost y aparece el error Failed to load resource: the server responded with a status of 404 (File not found) al principio. El video se muestra pero los subtítulos no se muestran y no se puede encontrar el archivo .vtt .
Luego encontré la causa del problema: no se agregó el tipo MIME del archivo .vtt . Luego agrego el tipo MIME en Web.config como se muestra a continuación y el video y los subtítulos funcionan bien en todos los navegadores:
<configuration> <system.webServer> <staticContent> <remove fileExtension=".vtt" /> <mimeMap fileExtension=".vtt" mimeType="text/vtt" /> </staticContent> </system.webServer> </configuration> El problema en su situación también es Failed to load algún archivo y está relacionado con el elemento de subtítulos <track> , por lo que sospecho que también se debe a que el tipo de archivo MIME no se agregó. Puede verificar qué archivo no se pudo cargar en su sitio y agregar el tipo MIME correspondiente para ver si puede solucionar el problema.