Cómo obtener un borde de marco flotante alrededor de un video incrustado










  • ¿Se utilizan videos en su sitio web para cubrir productos, noticias y entretenimiento? Si es así, entonces comprende cuán populares son los videos e incrustarlos en su sitio web puede beneficiarlo enormemente. Los videos más comunes para incrustar son de YouTube. YouTube es el sitio web de videos más popular del mundo y es otra plataforma para la que puede crear contenido y ganar dinero.

    Al incrustar videos, a veces es difícil verlos cuando el fondo del sitio web coincide con el fondo del video. Para evitar esto, puede agregar un borde alrededor de un video de YouTube en WordPress. Hoy demostraré cómo agregar un borde Iframe a videos en WordPress usando un código simple.

    ¿Por qué agregar un borde iframe a los videos en WordPress?

    A veces, las miniaturas de los videos son blancas, negras o de algún otro color sólido. El problema cuando los está incrustando en un sitio web de WordPress es que, por lo general, el color de fondo de su sitio web es un color base, como blanco o negro. Esto puede hacer que detectar el video sea un desafío, pero aquí es donde entran en juego los bordes del marco flotante. Puede hacer que el color del borde sea el que desee y esto puede hacer que se destaque en la página del sitio web.

    Esta es una gran característica para ayudar a los visitantes a encontrar contenido. Por supuesto, si usted es el que está creando los videos en su sitio web, un método mucho más fácil es simplemente crear una miniatura personalizada que se destaque en su sitio web. Otra opción si tienes un color de fondo muy básico como el blanco o el negro es cambiar el tema que estás usando y obtener un color diferente.

    Cómo agregar un borde iframe a los videos en WordPress

    Hoy, demostraré cómo agregar un borde Iframe a videos en WordPress usando un código simple. Cada vez que incrusta un video , una imagen o un GIF  en una publicación o página de WordPress, puede ver el código utilizado para incrustar ese medio en la publicación o página. Puede editar este código para agregar el borde del Iframe y es muy fácil de lograr. Tenga en cuenta que no hay una opción masiva para agregar bordes y tendrá que repetir estos pasos en cada video al que le gustaría agregar un borde.

    Lo primero que deberá hacer es ir a cualquier publicación o página que ya tenga un video incrustado. Una vez que esté en la publicación o página deseada, haga clic en la pestaña Editor de texto.

    haga clic en la pestaña Editor de texto.

    El editor de texto muestra todo dentro de una publicación o página en código HTML y muchos desarrolladores web lo prefieren al editor visual. Encuentra dónde se encuentra el código del video. Por ejemplo, mi código de video normal es:

    [ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]<iframe src=”https://www.youtube.com/embed/06LDyT1qSa0″ width=” 1453″ height=”698″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe>[/ht_message]

    Simplemente necesitamos editar el código básico para agregar el borde del Iframe.

    [ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]<iframe style=”border: 3px solid Color;” src=”https://www.youtube.com/embed/06LDyT1qSa0″ width=”1453″ height=”698″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe>[/ht_message]

    Puede cambiar los campos de ancho y alto a lo que desee para su sitio web. La palabra "Color" se puede reemplazar con el color deseado del marco. Recomendaría ser consistente al elegir un color porque algunos visitantes pueden estar buscando el marco de color en el video cuando se desplazan rápidamente hacia abajo en una página o publicación.

    Si desea ver cómo se ve el color y el tamaño del video, siéntase libre de verificarlo en el editor visual o haga clic en el botón "Vista previa" para ver cómo se vería en una página en vivo. No olvides guardar tu trabajo cuando hayas terminado.

    Felicitaciones, ha agregado con éxito un borde Iframe a un video en WordPress. Tenga en cuenta que tendrá que revisar manualmente cada publicación y página y editar el código. Le recomiendo encarecidamente que sea coherente con el tamaño de su video y la elección del color del borde.

    Use diferentes tipos de medios para su ventaja

    Hay muchas formas diferentes de medios que pueden beneficiar a un sitio web, pero es importante que los implemente con éxito en sus páginas y publicaciones. En el caso de los videos, algunas cosas a considerar son qué trae este video que el texto no puede, si el video es exclusivo de su sitio web y si el contenido es mejor dentro del formato de video. Si la respuesta es sí a alguna de estas preguntas, entonces puede ser una buena idea agregar el video.

    Por supuesto, los videos no son la única forma de medios que puede usar y las imágenes regulares son mucho más comunes en blogs y páginas que los videos completos. Son más fáciles de hacer y se pueden diseñar para complementar su escritura. Otro medio muy popular son los archivos GIF que generalmente se agregan para un poco de comedia dentro de los memes o como un breve tutorial sin palabras.

    ¿Qué color ha elegido usar para el color del borde del marco flotante? ¿A cuántos videos ha agregado el borde Iframe en su sitio web?










  • Subir