Me gustaría un sitio web con dos archivos HTML, el primero tiene una lista de enlaces donde cada enlace conduce al otro archivo HTML que muestra diferentes fuentes de video por enlace;
Digamos que hice clic en video1 , luego la página me llevaría a la otra, llenando automáticamente el src con el video correcto
archivo1
<li><a href="stream.html#video1">video1</a></li> <li><a href="stream.html#video2">video2</a></li>archivo2
<video src="../video/video1">¿Necesito JavaScript o jQuery? Si es así, ¿puede explicar o mostrar la forma en que podría hacerlo funcionar?
Para responder a tu pregunta inicial: depende. Si tiene un servidor de aplicaciones, puede usar el código del lado del servidor para generar su HTML y, posteriormente, puede completar el src en consecuencia.
Sin embargo, si hacer esto con el código del lado del servidor no es una opción, puede lograrlo usando el código del lado del cliente.
Es recomendable pasar la información del video usando un parámetro de URL en lugar de un parámetro hash:
<li><a href="stream.html?src=video1">video1</a></li> <li><a href="stream.html?src=video2">video2</a></li>Así es como puede obtener el valor de un parámetro, suponiendo que existe:
window.location.search.substring(1).split("&").map(item => item.split("=")).filter(item => (item[0] === "src"))[0][1] <video id="my-video"> function fillSrc() { let param = window.location.search.substring(1).split("&").map(item => item.split("=")).filter(item => (item[0] === "src")); if (param.length) { //the param exists document.getElementById("my-video").src = param[0][1]; } } Modifique su etiqueta de body y asegúrese de que esta función se ejecute:
<body onload="fillSrc"> <!-- some stuff --> <video id="my-video"> <!-- some stuff --> </body>