Saltar al contenido

Iframes y React.js: cómo incrustar un video de youtube en mi aplicación

Solución:

Puedes usar un iframe elemento para lograr esto. No hay necesidad de depender de otro npm paquete.

<iframe src="https://www.youtube.com/embed/E7wJTI-1dvQ"
        frameborder="0"
        allow='autoplay; encrypted-media'
        allowfullscreen
        title="video"
/>

Por cierto, si se pregunta por qué el embed URL parece que se ve, puede ir a un arbitrario Youtube video, haga clic en Share e inmediatamente ves que solo necesitamos agregar /embed/:videoId Youtube's base URL.

Como nota al margen, creé una serie gratuita sobre cómo construir Youtube en react. Puede ver la demostración aquí: https://youtu.be/E7wJTI-1dvQ

Puede usar el componente react react-youtube

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *