В моем указателе я динамически загружаю фильмы и сериалы с другими сценариями, присваивая все атрибуты ссылкам и изображениям, они должны перенести меня на следующую страницу, которую я заполняю сценарием, который я помещаю ниже при выборе ссылку, из выбранной вами ссылки, вам нужно захватить атрибут title, чтобы использовать его при заполнении динамически созданной страницы.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>FunnyNet</title>
<link rel="stylesheet" href="css/estilos.css">
<link rel="stylesheet" href="css/preloader.css">
</head>
<body class="hidden">
<!--Preloader-->
<div class="centrado" id="onload">
<div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
</div>
<!--Fin Preloader-->
<header>
<nav id="nav" class="nav1">
<div class="contenedor-nav">
<div class="logo">
<img src="img/logo3.png" alt="">
</div>
<div class="enlaces" id="enlaces">
<a href="#" id="enlace-inicio" class="btn-header">Inicio</a>
<a href="#" id="enlace-peli" class="btn-header">Peliculas</a>
<a href="#" id="enlace-stv" class="btn-header">Series y TV</a>
<a href="#" id="enlace-docu" class="btn-header">Documentales</a>
<a href="#" id="enlace-depor" class="btn-header">Deportes</a>
<a href="#" id="enlace-mus" class="btn-header">Musicales</a>
</div>
<div class="icono" id="open">
<span>☰</span>
</div>
</div>
</nav>
<div class="textos">
<h1>Bienvenido a FunnyNet</h1>
<h2>¡Disfruta de un viaje plancetero viendo lo que mas te gusta!</h2>
</div>
</header>
<main>
<section class="contenedor">
<h3>Peliculas Estreno</h3>
<div class="peliculas" id="cont-video" onclick="captura_link()">
</div>
</section>
<hr>
<section class="contenedor">
<h3>Series Estreno</h3>
<div class="series" id="cont-video" onclick="captura_link()">
</div>
</section>
</main>
<footer id="contacto">
<div class="footer">
<div class="marca-logo">
<img src="img/logo3.png" alt="">
</div>
<p>Copyright © 2019 FunnyNet. Todos los Derechos Reservados.</p>
</div>
</footer>
<script src="js/jquery.js"></script>
<script src="js/main.js"></script>
<!--<script src="js/filtro.js"></script>-->
<script src="js/cargarvideo.js"></script>
<script>
$(".peliculas").load("leer_pelicula.php");
$(".series").load("leer_serie.php");
</script>
</body>
</html>
Это будет другая страница, где они будут загружать видео
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/reproducir.css">
<title>¡A Disfrutar!</title>
</head>
<body>
<div class="content-video">
<div class="panel-video" id="reproduciendo">
</div>
</div>
<script src="js/jquery.js"></script>
<script src="js/cargarvideo.js"></script>
</body>
</html>
в моем JS. У меня есть функция, которая фиксирует значение атрибута title ссылки, по которой я щелкаю, что-то вроде этого.
function captura_link(){
const dir_peli = $('a').attr("title");
console.log(dir_peli);
}
$(window).ready(function(){
const cont_video = document.getElementById("reproduciendo");
const video = document.createElement("video");
video.setAttribute("class", "multimedia");
video.setAttribute("id", "repro-video");
video.setAttribute("controls", "");
video.setAttribute("disablePictureInPicture", "");
video.setAttribute("autoplay", "enable");
video.setAttribute("controlslist","nodownload");
video.setAttribute("src","peliculas/7_almas/SieteAlmas.mp4");
video.setAttribute("type", "video/mp4");
cont_video.appendChild(video);
});
Это дает мне неопределенное, как я могу исправить, чтобы захватить значение и избежать ошибки. Спасибо
Кликнув на элементе <a>
то, что ты делаешь, он состоит в том, чтобы перезагружать или redireccionar у страницы есть два выбора, посылать из-за унифицированного указателя ресурса титул v¦-deo или сохранять титул в localStorage
, когда он будет находиться на другой странице (того же домена) podrÃ: соглашаться на сохраняемый титул и прилагать в src
v¦-deo.
Aquie я добавляю пример. (я использую <form>
, чтобы симулировать перенаправление) , ты можешь тестировать код в codepen click aquà - .
function ver(element){
const titulo = element.getAttribute('title')
console.log(titulo)
localStorage.setItem('video_title',titulo)
}
function reproducir(){
const cont_video = document.getElementById("reproduciendo");
const video_titulo = localStorage.getItem('video_title');
if(video_titulo !== null && video_titulo !== '' ){
console.log(video_titulo)
const video = document.createElement("video");
video.setAttribute("class", "multimedia");
video.setAttribute("id", "repro-video");
video.setAttribute("controls", "");
video.setAttribute("disablePictureInPicture", "");
video.setAttribute("autoplay", "enable");
video.setAttribute("controlslist","nodownload");
video.setAttribute("src","peliculas/7_almas/"+video_titulo+".mp4");
video.setAttribute("type", "video/mp4");
cont_video.appendChild(video);
}
}
function showTutitulo(){
const video_titulo = localStorage.getItem('video_title');
if(video_titulo !== null && video_titulo !== '' ){
document.getElementById('btn').innerText = "Reproducir "+video_titulo
}
}
window.onload = function() {
showTutitulo()
}
<div id="reproduciendo">
<button onclick="reproducir()" id="btn">Reproducir</button>
<form action="">
<button type="submit" title="SieteAlmas.mp4" onclick="ver(this)">Ver SieteAlmas</button>
<button type="submit" title="OchoAlmas.mp4" onclick="ver(this)">Ver OchoAlmas</button>
</form>
</div>