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 .

Código: Seleccionar todo

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

Código: Seleccionar todo

 

<center>
<a href="javascript:void(0);" id="{IDENTIFIER}">
<img class="youtube" src="http://www.animechile.com/foro/imgforo/youtube.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>

Código: Seleccionar todo

 Videos Youtube con imagen 

NOTA: no olviden instalar el jquery en el header .

Código: Seleccionar todo

 https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js  

Demo video youtube con imagen

* Espero sirva de ayuda y haga mas rápido sus foros .

disculpen mi novatada, pero como se instala el jquery? con la función INCLUDE?

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 .

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..

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 .

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á?

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

Pero crees que puedes hacerlo?

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:




Espero me puedan ayudar, soy nuevo en esto de crear foros asique voy andar seguido por acá.
Saludos y el foro esta de lujo!

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