Codigo para boton suscribirse canal YouTube en video insertado

Mauri Olmedo · 31 Oct 2013

Busco un codigo para que se muestre un boton para suscribirse a un canal de youtube sobre un video insertado

Alguien sabe como poner algun iframe o algo para hacer que un codigo funcione sobre un video insertado en alguna pagina web externa a youtube?

visitardubai · 31 Oct 2013

No es código, es una opción del propio youtube

OmarMunguia · 31 Oct 2013

Youtube maneja "botones" de suscripción , abajo del video aparece suscribirse, tu presionas click y a partir de ese momento eres seguidor de ese canal

Mauri Olmedo · 31 Oct 2013

visitardubai dijo:
No es código, es una opción del propio youtube

OmarMunguia dijo:
Youtube maneja "botones" de suscripción , abajo del video aparece suscribirse, tu presionas click y a partir de ese momento eres seguidor de ese canal

Pero el video no se está viendo en youtube.
El video insertado está en un blog, y el dueño del blog le puso un boton para que se suscriban a su canal.

egpmm · 31 Oct 2013

elchicodelentes dijo:
Pero el video no se está viendo en youtube.
El video insertado está en un blog, y el dueño del blog le puso un boton para que se suscriban a su canal.

tienes la URL del sitio que tiene puesto el video?

Mauri Olmedo · 31 Oct 2013

egpmm dijo:
tienes la URL del sitio que tiene puesto el video?

La pagina era mía, antes de darla de baja tome capturas de todo lo que me gustaba para despues ponerlo otra vez en una futura pagina.
En resumen no tengo demo, solo esa foto.

Japeb · 31 Oct 2013

elchicodelentes dijo:
La pagina era mía, antes de darla de baja tome capturas de todo lo que me gustaba para despues ponerlo otra vez en una futura pagina.
En resumen no tengo demo, solo esa foto.

Si era tuya deberías saber como ponerlo no? :distant:

Mauri Olmedo · 31 Oct 2013

japeb dijo:
Si era tuya deberías saber como ponerlo no? :distant:

Ese botón lo vi montado en una pagina de un usuario de por aquí.
Le pedí el codigo y mejor el me lo instalo en lo que era mi pagina.

rvalaya · 31 Oct 2013

Lo más probable sea un link superpuesto encima del vídeo, jugando con las posiciones absolutas del CSS.

Insertar CODE, HTML o PHP:

<a href="" id="bottom">Suscribirse</a>

#bottom {
position:absolute;
top:0;
left:0;
}

ricardo23 · 1 Nov 2013

Apoyo lo que dice [MENTION=2317]kexedo[/MENTION] .. es solo un botón que te envía a un link de confirmación de suscripción que está superpuesto con CSS o la etiqueta style ... no es gran cosa..

xxSakuraxx · 1 Nov 2013

No se ustedes pero intenté hacer lo mismo con el absolute y relative y sólo llegan a salir la foto y nombre de la página a suscribirse más no el botón. También intenté hacerlo con el script para poner publicidad encima de un reproductor pero sólo se permite superponer iframes. Si alguien conoce como o lo ha logrado hacer sería bueno que lo compartiera.

ricardo23 · 1 Nov 2013

[MENTION=16571]elchicodelentes[/MENTION] te invito a probar este codigo que hice ^_^

HTML:

<html>
<head>
</head>
<body>

<iframe width="420" height="315" src="//www.youtube.com/embed/s_wKbmuHpQc?rel=0" frameborder="0" allowfullscreen></iframe>

<div style="margin-top:-75px; border: 0; width:85px; height: 30px; overflow: hidden;">
<iframe align="middle" allowtransparency="true" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://www.youtube.com/subscribe_widget?p=riki23maru" style="left: -1px; position: relative; top: -65px;" width="250px">
</iframe>
</div>

</body>
</html>

puedes usar este probador Probar código HTML. Herramientas webmaster :: LaWebera.es

Espero que te sirva

... Saludos

Mauri Olmedo · 2 Nov 2013

ricardo23 dijo:
Apoyo lo que dice [MENTION=2317]kexedo[/MENTION] .. es solo un botón que te envía a un link de confirmación de suscripción que está superpuesto con CSS o la etiqueta style ... no es gran cosa..

No te enviaba a confirmar la suscripción, dabas click en el boton y ya estabas suscrito

---------- Post agregado el 02-nov-2013 hora: 06:13 ----------

ricardo23 dijo:
[MENTION=16571]elchicodelentes[/MENTION] te invito a probar este codigo que hice ^_^

HTML:

<html> <head> </head> <body> <iframe width="420" height="315" src="//www.youtube.com/embed/s_wKbmuHpQc?rel=0" frameborder="0" allowfullscreen></iframe> <div style="margin-top:-75px; border: 0; width:85px; height: 30px; overflow: hidden;"> <iframe align="middle" allowtransparency="true" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://www.youtube.com/subscribe_widget?p=riki23maru" style="left: -1px; position: relative; top: -65px;" width="250px"> </iframe> </div> </body> </html>

puedes usar este probador Probar código HTML. Herramientas webmaster :: LaWebera.es

Espero que te sirva ... Saludos

Ya probaste el código tu?, cuando le doy play al vídeo se quita el botón.

ricardo23 · 2 Nov 2013

si, he probado el botón y me anda bien, no se desaparece...

prueba agregandole el "z-index:999;"

HTML:

<html>
<head>
</head>
<body>

<iframe width="420" height="315" src="//www.youtube.com/embed/s_wKbmuHpQc?rel=0" frameborder="0" allowfullscreen></iframe>

<div style="z-index:999;margin-top:-75px; border: 0; width:85px; height: 30px; overflow: hidden;">
<iframe align="middle" allowtransparency="true" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://www.youtube.com/subscribe_widget?p=riki23maru" style="left: -1px; position: relative; top: -65px;" width="250px">
</iframe>
</div>

</body>
</html>

elchicodelentes dijo:
No te enviaba a confirmar la suscripción, dabas click en el boton y ya estabas suscrito

---------- Post agregado el 02-nov-2013 hora: 06:13 ----------

Ya probaste el código tu?, cuando le doy play al vídeo se quita el botón.

Mauri Olmedo · 2 Nov 2013

Si funciona, me suscribi al canal de prueba que esta en el codigo solo que el boton de suscribirse aparece y vuelve a desaparecer, cuando paso el mouse sobre el boton se vuelve invisible pero sigue estando ahi porque mi cursor envez de ser una flecha se convierte en una mano indicando que hay algo seleccionable.

ricardo23 dijo:

si, he probado el botón y me anda bien, no se desaparece...

prueba agregandole el "z-index:999;"

HTML:

<html>
<head>
</head>
<body>

<iframe width="420" height="315" src="//www.youtube.com/embed/s_wKbmuHpQc?rel=0" frameborder="0" allowfullscreen></iframe>

<div style="z-index:999;margin-top:-75px; border: 0; width:85px; height: 30px; overflow: hidden;">
<iframe align="middle" allowtransparency="true" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="http://www.youtube.com/subscribe_widget?p=riki23maru" style="left: -1px; position: relative; top: -65px;" width="250px">
</iframe>
</div>

</body>
</html>

ricardo23 · 2 Nov 2013

Uhmmm.. el punto es que si te suscribe al canal, verdad?

ya intenté agregarle un fondo blanco para que se mantenga visible pero no se puede.. siempre se verá con fondo "transparente" porque el iframe así lo deja..

en fin.. espero haberte ayudado un poco..

Saludos..

mira esta entrada de prueba: http://otravezporaqui-fb.blogspot.com/2013/11/entrada-de-prueba-codigo-video.html

Mauri Olmedo · 2 Nov 2013

Te agradezco mucho tu tiempo tratando de programar el codigo.

ricardo23 dijo:
Uhmmm.. el punto es que si te suscribe al canal, verdad?

ya intenté agregarle un fondo blanco para que se mantenga visible pero no se puede.. siempre se verá con fondo "transparente" porque el iframe así lo deja..

en fin.. espero haberte ayudado un poco..

Saludos..

mira esta entrada de prueba: Entrada de prueba - código video | Otra vez por aqui?