Es una herramienta web simple que permite insertar videos de YouTube dentro de un iframe personalizado, utilizando una API externa que genera una tarjeta visual del video. Es ideal para compartir contenido de YouTube con una presentación atractiva y embebida en sitios web.
El usuario ingresa una URL de YouTube (en formato largo o corto), y el script extrae automáticamente el ID del video. Luego, se genera un iframe que incrusta el video dentro de una tarjeta visual atractiva.
https://www.youtube.com/watch?v=VIDEO_IDhttps://youtu.be/VIDEO_ID
A continuación se listan los formatos disponibles para descarga de audio y video:
| Formato | Descripción |
|---|---|
| mp3 | MP3 |
| M4A | M4A |
| webm_audio | WEBM Audio |
| CAA | CAA |
| Flac | FLAC |
| Opus | OPUS |
| Ogg | OGG |
| WAV | WAV |
| 360 | MP4 360p |
| 480 | MP4 480p |
| 720 | MP4 720p |
| 1080 | MP4 1080p |
| 4K | MP4 4K |
| 8K | MP4 8K |
El proyecto utiliza la siguiente API externa para generar la tarjeta visual del video:
- OceanSaver Card API
https://p.oceansaver.in/api/card2/?url=https://www.youtube.com/watch?v=VIDEO_ID
Esta API embebe el video de YouTube en una tarjeta con diseño responsivo. Se le puede pasar un parámetro adicionaladUrlpara mostrar una URL publicitaria en la tarjeta.
- HTML
- JavaScript
- iFrame Resizer (para ajustar automáticamente el tamaño del iframe)
- Ingresa la URL de un video de YouTube.
- El sistema extraerá automáticamente el ID del video.
- Se mostrará un
iframecon el contenido del video embebido de forma atractiva.
La API externa utilizada (p.oceansaver.in) puede estar sujeta a cambios o límites de uso. Asegúrate de revisar los términos de uso si piensas usarlo en producción.
Este proyecto está bajo la licencia MIT.
