21 octubre, 2024
Para insertar un video de Youtube en una página web, debemos obtener el ID del video y guardarlo en una base de datos para luego extraerlo en nuestra web.
Suscríbete a nuestro canal en Youtube
SuscríbirseCuando desarrollamos una página dinámica de videos, en ocaciones es necesario obtener el id del video, guardarlo en la base de datos de la página web y luego extraerlo en la sección que deseemos visualizar.
Obtener el ID de un video de YouTube es un proceso sencillo. El ID es una cadena única de 11 caracteres que identifica cada video en la plataforma. Aquí te muestro cómo extraerlo de diferentes formas:
Los videos de YouTube se pueden compartir mediante diferentes tipos de URL. Aquí te muestro los formatos más comunes y cómo encontrar el ID en cada uno:
https://www.youtube.com/watch?v=dQw4w9WgXcQ
dQw4w9WgXcQ
?v=
en la URL.https://youtu.be/dQw4w9WgXcQ
dQw4w9WgXcQ
https://www.youtube.com/watch?v=dQw4w9WgXcQ&feature=related
dQw4w9WgXcQ
?v=
.Si deseas extraer el ID del video automáticamente usando PHP, aquí tienes un ejemplo de cómo hacerlo:
php
function getYouTubeID($url) {
// Expresión regular para extraer el ID del video
$pattern = '/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/';
// Comprobar si hay coincidencia
if (preg_match($pattern, $url, $matches)) {
return $matches[1]; // Devuelve el ID del video
}
return null; // Retorna null si no se encuentra el ID
}
// Ejemplo de uso
$url = 'https://www.youtube.com/watch?v=dQw4w9WgXcQ';
$videoID = getYouTubeID($url);
if ($videoID) {
echo "El ID del video es: $videoID";
} else {
echo "No se pudo encontrar el ID del video.";
}
Si prefieres hacerlo en el lado del cliente con JavaScript, aquí tienes un ejemplo:
javascript
function getYouTubeID(url) {
const pattern = /(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/;
const matches = url.match(pattern);
return matches ? matches[1] : null; // Devuelve el ID o null si no se encuentra
}
// Ejemplo de uso
const url = 'https://www.youtube.com/watch?v=dQw4w9WgXcQ';
const videoID = getYouTubeID(url);
if (videoID) {
console.log(`El ID del video es: ${videoID}`);
} else {
console.log("No se pudo encontrar el ID del video.");
}
Leido 37485 veces | 1 usuarios
422 descargas
Para descargar el código crea una cuenta
Crear cuenta© Copyright Codea::App Cursos de Programación Online | LATAM | 2020 - 2024