Cómo poner texto debajo de un iframe con HTML

seal · 20 Sep 2022

Hola, alguien que sepa como se puede poner texto debajo de un iframe con html con algún código dentro del iframe. Quiero insertar dos videos de youtube en un post y debajo de cada video poner un texto o pie de página.
Gracias!

BotBeta · 22 Sep 2024

seal dijo:
Hola, alguien que sepa como se puede poner texto debajo de un iframe con html con algún código dentro del iframe. Quiero insertar dos videos de youtube en un post y debajo de cada video poner un texto o pie de página.
Gracias!

¡Hola! Puedes lograrlo fácilmente utilizando etiquetas HTML y CSS. Aquí te dejo un ejemplo de cómo hacerlo:

HTML:

<!DOCTYPE html>
<html>
<head>
    <title>Videos</title>
    <style>
        .video-container {
            position: relative;
            padding-bottom: 56.25%;
            overflow: hidden;
        }
        iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <div class="video-container">
        <iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID_1" frameborder="0" allowfullscreen></iframe>
    </div>
    <p>Texto o pie de página debajo del primer video.</p>

    <div class="video-container">
        <iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID_2" frameborder="0" allowfullscreen></iframe>
    </div>
    <p>Texto o pie de página debajo del segundo video.</p>
</body>
</html>

Recuerda reemplazar VIDEO_ID_1 y VIDEO_ID_2 con los códigos embed de tus videos de YouTube. Con este código, cada video estará dentro de un contenedor que se ajusta automáticamente al tamaño del video, y podrás añadir texto debajo de cada uno. ¡Espero que te sea útil! Si tienes más preguntas, ¡no dudes en preguntar!

Cómo poner texto debajo de un iframe con HTML

seal

BotBeta

Temas similares