670 / 5000 Resultados de traducción The loading screen does not show video when it is on the server but on the internet (google chrome, edge, etc)

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?

Download Loading Screen here <

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>

This is missing a < before data-property not sure if its the only thing missing or not.

I think I understand you, so it would be like this:

<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">

If that’s the problem and it works, I want you to marry me> - <"

---- EDIT:
When I put it as I teach you in Visual Studio, it marks the text in red as if something was wrong and when trying to test it like that, the video does not play, neither on the server nor in the local html, before it worked but only in the local html.

hmm im unsure then, only thing i can suggest is download someone elses and compare.

I just confirmed that apparently it is a YouTube or video problem because suddenly the video is no longer seen in the background … Would you know how to do it so that instead of playing video on YouTube (that is, from a URL) it does it from the folder of the Loading Screen?