Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

BBCode YOUTUBE solo imagen y luego videoTema Solucionado

Solo BBCodes, dudas en este foro no


vargasmolina
Observador/a
Mensajes: 4
Registrado: 06 May 2012, 02:40

BBCode YOUTUBE solo imagen y luego video  Tema Solucionado

#1

Mensaje por vargasmolina »

Hola
La idea es que aparezca solo la imagen del vídeo youtube y al realizar el clic este muestre el vídeo espero que les ayude en sus proyectos

NOTA : ideal para hacer los foros mas rápidos ya que no carga el flash player de youutube al momento de ver el tema .

-Uso de BBCode-

Código: Seleccionar todo

  [youtube]http://www.youtube.com/watch?v={IDENTIFIER}[/youtube] 

-Reemplazo HTML-

Código: Seleccionar todo

 

<center>
<a href="javascript:void(0);" id="{IDENTIFIER}">
<img class="youtube" src="./images/youtube_play.png"
style="background: transparent url(http://img.youtube.com/vi/{IDENTIFIER}/0.jpg) no-repeat center; height: 76px; margin: 0; padding: 142px 202px; width: 76px;border:  3px solid  #FFFFFF ;" 
 />
</a>
</center>

<script>
$("#{IDENTIFIER}").click(function () {
  $(this).replaceWith( $( '<iframe width="480" height="360" style="border:  3px solid  #FFFFFF ;"  src="https://www.youtube-nocookie.com/embed/{IDENTIFIER}?rel=0&loop=1&controls=1&showinfo=0&autoplay=1&border=0" frameborder="0" allowfullscreen></iframe>' ) );
});
</script>

-Línea de ayuda-(ejemplo de uso)

Código: Seleccionar todo

 [youtube]link del video[/youtube] 
subir esta imagen a la carpeta root/images
youtube_play.png
youtube_play.png (4.99 KiB) Visto 2287 veces
NOTA:Solamente Si todavia no tienes ninguna libreria jquery no olviden instalar el en el header .
abre root/styles/tu estilo/template/overall_header.html
añade antes de </head>

Código: Seleccionar todo

 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>  
Demo video youtube con imagen

* Espero sirva de ayuda y haga mas rápido sus foros .
Última edición por micontre el 06 May 2012, 02:53, editado 2 veces en total.
Razón: actualizar y hacer algo mas comprensivo las instrucciones




Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
zyxer
Miembro
Mensajes: 367
Registrado: 17 Jul 2011, 22:53
Edad: 31

Re: BBCode YOUTUBE solo imagen y luego video

#2

Mensaje por zyxer »

disculpen mi novatada, pero como se instala el jquery? con la función INCLUDE?
Datos de Soporte
SPOILER_SHOW
URL: http://abacoentertainment.com
Versión phpBB: 3.0.10
MODs Instalados: AutomodBoard3 Portal 2.0.0b1phpBB Gallery 1.1.6Buttons Menu 2.2.0Paypal Donation Mod 1.0.4Advertisement Management 1.0.12[BETA] phpBB WYSIWYGTopic SEO description and keywordsIndex Tabbed 1.1.1mod • Prime Login Return • Prime Links • Prime Logout Return • Prime Instant Redirect• Unsubscribe ModQuick BuddiesReIMG Image Resizer 2.0.1
Plantilla(s) usada(s): Prosilver
Servidor: Gratis
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
vargasmolina
Observador/a
Mensajes: 4
Registrado: 06 May 2012, 02:40

Re: BBCode YOUTUBE solo imagen y luego video

#3

Mensaje por vargasmolina »

zyxer escribió:disculpen mi novatada, pero como se instala el jquery? con la función INCLUDE?
si necesitas instalar el jquery ve administrador -> estilos -> plantillas luego presiona el enlace editar de tu plantilla que estas usando para el foro te sale un combox con los nombre de los archivos ve al que dice overall_header.html y pega el codigo asi

Código: Seleccionar todo

 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script> 
después de la siguiente linea

Código: Seleccionar todo

 
// ]]>
</script>
 
borra el cache del sitio y listo debería funcionar .


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
zyxer
Miembro
Mensajes: 367
Registrado: 17 Jul 2011, 22:53
Edad: 31

Re: BBCode YOUTUBE solo imagen y luego video

#4

Mensaje por zyxer »

Oh, gracias, ya había puesto el primer código, pero no sabía del segundo.. es necesario? porque a mi me va funcionando bien..
Datos de Soporte
SPOILER_SHOW
URL: http://abacoentertainment.com
Versión phpBB: 3.0.10
MODs Instalados: AutomodBoard3 Portal 2.0.0b1phpBB Gallery 1.1.6Buttons Menu 2.2.0Paypal Donation Mod 1.0.4Advertisement Management 1.0.12[BETA] phpBB WYSIWYGTopic SEO description and keywordsIndex Tabbed 1.1.1mod • Prime Login Return • Prime Links • Prime Logout Return • Prime Instant Redirect• Unsubscribe ModQuick BuddiesReIMG Image Resizer 2.0.1
Plantilla(s) usada(s): Prosilver
Servidor: Gratis
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
vargasmolina
Observador/a
Mensajes: 4
Registrado: 06 May 2012, 02:40

Re: BBCode YOUTUBE solo imagen y luego video

#5

Mensaje por vargasmolina »

zyxer escribió:Oh, gracias, ya había puesto el primer código, pero no sabía del segundo.. es necesario? porque a mi me va funcionando bien..
Si esta funcionando no es necesario .


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
zyxer
Miembro
Mensajes: 367
Registrado: 17 Jul 2011, 22:53
Edad: 31

Re: BBCode YOUTUBE solo imagen y luego video

#6

Mensaje por zyxer »

Saludos, me gustaría saber si habrá una manera de hacer que al hacer clic sobre la imagen, si estás en el tema, te funcione normal; pero si estás en el portal te redireccione al tema. Se podrá?
Datos de Soporte
SPOILER_SHOW
URL: http://abacoentertainment.com
Versión phpBB: 3.0.10
MODs Instalados: AutomodBoard3 Portal 2.0.0b1phpBB Gallery 1.1.6Buttons Menu 2.2.0Paypal Donation Mod 1.0.4Advertisement Management 1.0.12[BETA] phpBB WYSIWYGTopic SEO description and keywordsIndex Tabbed 1.1.1mod • Prime Login Return • Prime Links • Prime Logout Return • Prime Instant Redirect• Unsubscribe ModQuick BuddiesReIMG Image Resizer 2.0.1
Plantilla(s) usada(s): Prosilver
Servidor: Gratis
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
vargasmolina
Observador/a
Mensajes: 4
Registrado: 06 May 2012, 02:40

Re: BBCode YOUTUBE solo imagen y luego video

#7

Mensaje por vargasmolina »

para lo que tu pides tendría que hacerse un nuevo BBCODE el cual incluya un enlace del post mas el enlace del video .


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
zyxer
Miembro
Mensajes: 367
Registrado: 17 Jul 2011, 22:53
Edad: 31

Re: BBCode YOUTUBE solo imagen y luego video

#8

Mensaje por zyxer »

Pero crees que puedes hacerlo?
Datos de Soporte
SPOILER_SHOW
URL: http://abacoentertainment.com
Versión phpBB: 3.0.10
MODs Instalados: AutomodBoard3 Portal 2.0.0b1phpBB Gallery 1.1.6Buttons Menu 2.2.0Paypal Donation Mod 1.0.4Advertisement Management 1.0.12[BETA] phpBB WYSIWYGTopic SEO description and keywordsIndex Tabbed 1.1.1mod • Prime Login Return • Prime Links • Prime Logout Return • Prime Instant Redirect• Unsubscribe ModQuick BuddiesReIMG Image Resizer 2.0.1
Plantilla(s) usada(s): Prosilver
Servidor: Gratis
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
onrushtw
Observador/a
Mensajes: 1
Registrado: 28 Ago 2012, 00:01

Re: BBCode YOUTUBE solo imagen y luego video

#9

Mensaje por onrushtw »

Hola se que hace tiempo no se toca este hilo, pero es el que se adapta más a mi problema.
Seguí los pasos que están arriba, para poder ver vídeos de youtube en mi foro, hasta instale el jquery y borre las cookies. Pero no funciona muestra el texto como si no lo reconociera, en concreto, muestra esto:

Imagen


Espero me puedan ayudar, soy nuevo en esto de crear foros asique voy andar seguido por acá.
Saludos y el foro esta de lujo!
Info de Soporte
SPOILER_SHOW
URL: http://softudc.site90.com
Versión phpBB: 3.0.10
MODs Instalados: Hasta ahora ninguno, los que vendrán por defecto supongo
Plantilla(s) usada(s): Subsilver2
Servidor: 000webhost - Gratis
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No
  • Imagen
  • Imagen


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
Avatar de Usuario
leviatan21
Ex Staff
Mensajes: 8279
Registrado: 26 Mar 2008, 20:06
Género:
Edad: 50

Re: BBCode YOUTUBE solo imagen y luego video

#10

Mensaje por leviatan21 »

onrushtw escribió: en concreto, muestra esto:
observa como debe colocarse :

Código: Seleccionar todo

[youtube]http://www.youtube.com/watch?v={IDENTIFIER}[/youtube]
en el tuyo sobra todo o que dice &feature=g-vrec
Normas de phpBB España | Normas de Soporte
No doy soporte por privado : tenga en cuenta que su problema, también puede ser el problema de otro usuario.
Cualquier mensaje privado no solicitado será ignorado :twisted:

"Education is what remains after one has forgotten everything he learned in school" - Albert Einstein


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje

Volver a “⚙️ BBCode General”