Cómo enlazar un video para ver en página web

  • Autor Autor zerodc
  • Fecha de inicio Fecha de inicio
zerodc

zerodc

Beta
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
¡Feliz cumpleaños!
Veo que algunos perfiles publican videos y al hacerle click se muestra el vídeo y la página en la parte de abajo, ayuda ..
 
Ya somos dos con la misma duda.
 
me uno a la pregunta
 
zerodc dijo:
Veo que algunos perfiles publican videos y al hacerle click se muestra el vídeo y la página en la parte de abajo, ayuda ..
Hacer clic para expandir...
¿Te refieres a esto?
photo_2024-04-14_19-14-21.webp
 
Me uno a la petición
 
zerodc dijo:
Si ese mismo, nos apoyas con el método ?
Hacer clic para expandir...
Es fácil, solo debes activar la opción de Twitter ads, para activarla debes agregar una tarjeta de crédito para activar la opción de creatividades, una vez hecho eso sigan los pasos en las imágenes.

Acá la prueba(en PC se abre el sitio externo en otra ventana, en teléfono se abre el sitio debajo)
Prueba
 

Adjuntos

  • Screenshot_3.webp
    Screenshot_3.webp
    8,7 KB · Visitas: 55
  • Screenshot_5.webp
    Screenshot_5.webp
    31,4 KB · Visitas: 55
  • Screenshot_6.webp
    Screenshot_6.webp
    32,9 KB · Visitas: 54
SamuelRR006 dijo:
Es fácil, solo debes activar la opción de Twitter ads, para activarla debes agregar una tarjeta de crédito para activar la opción de creatividades, una vez hecho eso sigan los pasos en las imágenes.

Acá la prueba(en PC se abre el sitio externo en otra ventana, en teléfono se abre el sitio debajo)
Prueba
Hacer clic para expandir...
Gracias por tu aporte lo probaré
 
Puedes intentar con OpenGraph, hice este ejemplo y lo aplique en X y funciona


Este es el url original

urshort.link

Título del Video

Descripción del video.
urshort.link

HTML: 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Video Preview Example</title>

    <meta property="og:title" content="Título del Video">
    <meta property="og:description" content="Descripción del video.">
    <meta property="og:image" content="URL_de_imagen_de_previsualización">
    <meta property="og:url" content="URL_de_tu_pagina">
    <meta property="og:type" content="video.other">
    <meta property="og:video" content="URL_del_video">
    <meta property="og:video:width" content="640">
    <meta property="og:video:height" content="360">
    <meta property="og:video:type" content="application/mp4">

    <meta name="twitter:card" content="player">
    <meta name="twitter:title" content="Título del Video">
    <meta name="twitter:description" content="Descripción del video.">
    <meta name="twitter:image" content="URL_de_imagen_de_previsualización">
    <meta name="twitter:player" content="URL_del_video">
    <meta name="twitter:player:width" content="640">
    <meta name="twitter:player:height" content="360">
    <meta name="twitter:player:stream" content="URL_del_video">
    <meta name="twitter:player:stream:content_type" content="video/mp4">
</head>
<body>
    <h1>Video Preview Example</h1>
    <p>Esta página incluye una vista previa de video utilizando OpenGraph.</p>
</body>
</html>
 
zerodc dijo:
Es verdad que baja el tráfico del perfil de Twitter ?
Hacer clic para expandir...
La verdad no tengo idea, según otros usuarios, dijeron que si les baja el tráfico, no sé en qué cantidades se refieran, debes probarlo tu mismo.
 
tortadelabarda dijo:
Puedes intentar con OpenGraph, hice este ejemplo y lo aplique en X y funciona


Este es el url original

urshort.link

Título del Video

Descripción del video.
urshort.link

HTML: 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Video Preview Example</title>

    <meta property="og:title" content="Título del Video">
    <meta property="og:description" content="Descripción del video.">
    <meta property="og:image" content="URL_de_imagen_de_previsualización">
    <meta property="og:url" content="URL_de_tu_pagina">
    <meta property="og:type" content="video.other">
    <meta property="og:video" content="URL_del_video">
    <meta property="og:video:width" content="640">
    <meta property="og:video:height" content="360">
    <meta property="og:video:type" content="application/mp4">

    <meta name="twitter:card" content="player">
    <meta name="twitter:title" content="Título del Video">
    <meta name="twitter:description" content="Descripción del video.">
    <meta name="twitter:image" content="URL_de_imagen_de_previsualización">
    <meta name="twitter:player" content="URL_del_video">
    <meta name="twitter:player:width" content="640">
    <meta name="twitter:player:height" content="360">
    <meta name="twitter:player:stream" content="URL_del_video">
    <meta name="twitter:player:stream:content_type" content="video/mp4">
</head>
<body>
    <h1>Video Preview Example</h1>
    <p>Esta página incluye una vista previa de video utilizando OpenGraph.</p>
</body>
</html>
Hacer clic para expandir...

Gracias por el aporte llegando a mi casa lo pruebo
 
tortadelabarda dijo:
Puedes intentar con OpenGraph, hice este ejemplo y lo aplique en X y funciona


Este es el url original

urshort.link

Título del Video

Descripción del video.
urshort.link

HTML: 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Video Preview Example</title>

    <meta property="og:title" content="Título del Video">
    <meta property="og:description" content="Descripción del video.">
    <meta property="og:image" content="URL_de_imagen_de_previsualización">
    <meta property="og:url" content="URL_de_tu_pagina">
    <meta property="og:type" content="video.other">
    <meta property="og:video" content="URL_del_video">
    <meta property="og:video:width" content="640">
    <meta property="og:video:height" content="360">
    <meta property="og:video:type" content="application/mp4">

    <meta name="twitter:card" content="player">
    <meta name="twitter:title" content="Título del Video">
    <meta name="twitter:description" content="Descripción del video.">
    <meta name="twitter:image" content="URL_de_imagen_de_previsualización">
    <meta name="twitter:player" content="URL_del_video">
    <meta name="twitter:player:width" content="640">
    <meta name="twitter:player:height" content="360">
    <meta name="twitter:player:stream" content="URL_del_video">
    <meta name="twitter:player:stream:content_type" content="video/mp4">
</head>
<body>
    <h1>Video Preview Example</h1>
    <p>Esta página incluye una vista previa de video utilizando OpenGraph.</p>
</body>
</html>
Hacer clic para expandir...

Entre q tu post y no lo visualizo, se puede reproducir el video y a la vez visualizar la web ?
 
tortadelabarda dijo:
Puedes intentar con OpenGraph, hice este ejemplo y lo aplique en X y funciona


Este es el url original

urshort.link

Título del Video

Descripción del video.
urshort.link

HTML: 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Video Preview Example</title>

    <meta property="og:title" content="Título del Video">
    <meta property="og:description" content="Descripción del video.">
    <meta property="og:image" content="URL_de_imagen_de_previsualización">
    <meta property="og:url" content="URL_de_tu_pagina">
    <meta property="og:type" content="video.other">
    <meta property="og:video" content="URL_del_video">
    <meta property="og:video:width" content="640">
    <meta property="og:video:height" content="360">
    <meta property="og:video:type" content="application/mp4">

    <meta name="twitter:card" content="player">
    <meta name="twitter:title" content="Título del Video">
    <meta name="twitter:description" content="Descripción del video.">
    <meta name="twitter:image" content="URL_de_imagen_de_previsualización">
    <meta name="twitter:player" content="URL_del_video">
    <meta name="twitter:player:width" content="640">
    <meta name="twitter:player:height" content="360">
    <meta name="twitter:player:stream" content="URL_del_video">
    <meta name="twitter:player:stream:content_type" content="video/mp4">
</head>
<body>
    <h1>Video Preview Example</h1>
    <p>Esta página incluye una vista previa de video utilizando OpenGraph.</p>
</body>
</html>
Hacer clic para expandir...

suena bien, luego lo probaré, gracias!
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

santiagoenri
Cómo enlazar de manera efectiva en Twitter
Respuestas
5
Visitas
137
Oppr3ssor
Oppr3ssor
Ivan Ariel
  • Cerrado
Se solicita Persona que pueda enlazar un video de YT por un video local
Respuestas
1
Visitas
91
Jesus_ale43
Jesus_ale43
kepa27
¿Cómo enlazar un formulario Gravity Forms en un banner?
Respuestas
1
Visitas
59
ramonjosegn
ramonjosegn
A
Cómo enlazar dominio y host para tener mi web
2
Respuestas
23
Visitas
719
Astrot
A
L
¿Cómo enlazar una cuenta de Instagram en publicaciones de Facebook?
Respuestas
9
Visitas
549
Mocho
Mocho
Atrás
Arriba