When I open the intro from Edge (or Google Chrome) it loads me perfectly but when the Login Screen starts to appear on the Server it loads everything except the background video … Why can it be? Please help!
The only thing I can think of is that perhaps it is due to copyright protection of YouTube from the YouTube player, if that is the problem the only solution that I can think of is to tell it that instead of playing it from YouTube, do it from the folder itself from the Loading Screen or from another web page, do you know how to do this? Or some other solution?
Or create the loading screen with this code:
<html lang="es-es" class="no-js">
<head>
<meta charset="utf-8">
<title>ddd | Pantalla de Carga</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='http://fonts.googleapis.com/css?family=Raleway:400,500,600,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
<link href="https://officialyu.me/loadingscreens/edge1/css/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
<link href="https://officialyu.me/fontawesome/css/all.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://officialyu.me/loadingscreens/edge1/css/animate.css">
<link rel="stylesheet" href="https://officialyu.me/loadingscreens/edge1/css/venobox.css">
<link rel="stylesheet" href="https://officialyu.me/loadingscreens/edge1/css/style-1.css">
<link rel="stylesheet" href="https://officialyu.me/loadingscreens/edge1/css/youtube.css">
<script src="https://officialyu.me/loadingscreens/edge1/js/modernizr.js"></script>
<img id="cursor" src="https://i.imgur.com/0j0H48o.png"/>
</head>
<body>
<div class="loading animated-middle">
<div class="loader">CARGANDO...</div>
</div><a id="bgndVideo" class="player"
data-property="{videoURL:'https://youtu.be/6Eo9VfJ-Y7o',containment:'body',autoPlay:true, mute:false, startAt:-2, opacity:1}"></a>
<div class="border-bar-top"></div>
<div class="border-bar-right"></div>
<div class="border-bar-bottom">
<div class="row">
<div class="col-xs-12 col-sm-6 col-lg-6">
<p class="youtube-control"><i class="fa fa-pause" onclick="$('#bgndVideo').pauseYTP()"></i><i
class="fa fa-play display-none" onclick="$('#bgndVideo').playYTP()"></i> HAZ CLICK PARA PARAR O INICIAR EL VIDEO</p>
</div>
<div class="col-xs-12 col-sm-6 col-lg-6">
<p class="copyright">CARGANDO... </p>
</div>
</div>
</div>
<div class="border-bar-left"></div> <button class="close-left-part animated-middle"><i
class="fa fa-times animated-middle"></i> </button> <button class="close-map animated-middle"><i
class="fa fa-times animated-middle"></i> </button> <button class="close-youtube animated-middle"><i
class="fa fa-times animated-middle"></i> </button>
<div class="list-sections animated-middle">
<div class="left-part block-info no-padding animated-middle">
<button id="chevron-mobile" class="animated-middle opacity-0"><i
class="fa fa-2x fa-chevron-down"></i></button>
<div class="item-title"> <img src="https://officialyu.me/loadingscreens/edge1/img/logo-white.png" class="my-logo" /> <span class="line"></span>
<p>Aqui empieza todo... Aqui empieza tu Desenlace. <br>DISCORD.GG/ddd
</p> <button class="open-left-part">Ver STAFF</button>
</div>
<div class="item-plus part-1 animated-middle">
<h3>EQUIPO</h3><span class="border"></span>
<p>Coloca el cursor encima de las imagenes para ver el Usuario de Discord</p> <br> <br> <br>
<div class="photo-line row">
<div class="col-xs-12 col-sm-6 col-lg-6">
<article> <a class="venobox" >
<figure> <img src="https://i1.wp.com/codigoespagueti.com/wp-content/uploads/2020/10/Jugador-del-Barcelona-Bola-de-Dragon.jpg?resize=1200%2C720&quality=80&ssl=1" class="img-responsive" />
<p>ddd#ddd</p>
</figure>
</a>
<div class="photo-details">
<h4>ddd ddd</h4>
<p>ddd</p>
</div>
</article>
</div>
</div>
</div>
</div>
<div class="middle-part block-info no-padding animated-middle">
<div class="overlay"></div>
<div class="item-title">
<div class="main-title">
<h2 class="animated-middle opacity-0"><span class="point">ddd</span> ddd</h2>
</div>
</div>
<button id="fullscreen-ytb" class="animated-middle opacity-0"><i class="fa fa-expand"></i> HAZ CLICK
PARA VER EL VIDEO SIN BORDES</button>
</div>
</div>
<script src="https://officialyu.me/loadingscreens/edge1/js/jquery.min.js"></script>
<script src="https://officialyu.me/loadingscreens/edge1/css/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="https://officialyu.me/loadingscreens/edge1/js/venobox.js"></script>
<script src="https://officialyu.me/loadingscreens/edge1/js/jquery.mb.YTPlayer.js"></script>
<script src="https://officialyu.me/loadingscreens/edge1/js/main.js"></script>
<script>
$(function () {
$(".player").YTPlayer()
});
</script>
</body>
</html>