Reproductor para Youtube

GUIA:

Solo editas el ID en: <div data-plyr-embed-id="XY4D4sOKPo8"

Por el ID de Tu video de youtube, Ejemplo: https://www.youtube.com/watch?v=kS5jPRPo0fQ

y lla puedes editar las demas especificaciones del video.

Código Fuente

<img src="https://image.tmdb.org/t/p/w500/l5lF8VHTO5QKObAKE3Wp2QQfGZJ.jpg" alt="Crepúsculo: Luna nueva" style="width:1px; height:1px; opacity:0; position:absolute; pointer-events:none;"> <div style="max-width: 800px; margin: auto; background: #141414; color: white; font-family: Arial, sans-serif; border-radius: 12px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.6);"> <!-- Reproductor arriba --> <div style="width: 100%; aspect-ratio: 16 / 9; background-color: #000;"> <div data-plyr-embed-id="XY4D4sOKPo8" data-plyr-provider="youtube" id="player" style="width: 100%; height: 100%;"></div> </div> <!-- Detalles abajo --> <div style="padding: 20px;"> <h2 style="margin-top: 0; font-size: 28px; color: #e50914;">Crepúsculo: Luna nueva</h2> <p style="margin: 5px 0;"><strong>Género:</strong> Aventura, Fantasía, Drama, Romance</p> <p style="margin: 5px 0;"><strong>Año:</strong> 2009</p> <p style="margin: 15px 0 0;"><strong>Sinopsis:</strong> En esta segunda entrega de la Saga Crepúsculo, Edward Cullen (Robert Pattinson) decide abandonar a Bella Swan (Kristen Stewart) para mantenerla alejada de los peligros del mundo vampírico. Con la ayuda de Jacob Black (Taylor Lautner), su amigo de la infancia y miembro de la misteriosa tribu quileute, Bella intentará superar el abandono de Edward, que la ha dejado sumida en el mayor de los desconsuelos. Pero los peligros siguen acechando a la joven; nuevas y asombrosas criaturas sobrenaturales se cruzarán en su camino, y Bella sólo contará con el apoyo del cada vez más cercano e irresistible Jacob. Repentinamente, Bella se encuentra inmersa en el mundo de los hombres lobo, ancestrales enemigos de los vampiros, y su lealtad es puesta a prueba.</p> </div> <!-- Plyr CSS y JS --> <link href="https://cdn.plyr.io/3.7.8/plyr.css" rel="stylesheet"> <script src="https://cdn.plyr.io/3.7.8/plyr.polyfilled.js"></script> <script> const player = new Plyr('#player', { controls: ['play-large','play','progress','current-time','mute','volume','fullscreen'], youtube: { noCookie: true, rel: 0, modestbranding: 1, autoplay: 0, showinfo: 0 } }); </script> </div>

Nos apoyas abriendo una pequeña publicidad 🙏