- Desde
- 8 Jul 2013
- Mensajes
- 167
Buenas. Estuve mirando como se utilizaba la típica imagen o texto (mostrar/ocultar) que haces click y te muestra un texto oculto para aprovechar mejor el espacio.
Yo quiero poner una imagen y al hacer click en ella aparezca un vídeo. El caso es que me tiendo el código de algún vídeo de YouTube funciona... pero otros vídeo de otra web.. no. Y eso que el código es parecido.
Este funciona: En negrita codigo video YouTube.
<div class="divspoiler">
<img src="http://www.arrobasystem.com/imagenes/icono-submenu-2.gif" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" />
</div><div><div class="spoiler" style="display: none;">
<iframe width="420" height="315" src="//www.youtube.com/embed/Oa_yVKEzQl8" frameborder="0" allowfullscreen></iframe>
</div></div>
Este no funciona Esta sacado de otra web, en negrita el código de este vídeo.
<div class="divspoiler">
<img src="http://www.arrobasystem.com/imagenes/icono-submenu-2.gif" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" />
</div><div><div class="spoiler" style="display: none;">
<iframe id="iframe_chapter" src="http://tac12.xiptv.cat/embed/114584?width=548&iframe_width=570&share=&height=308&iframe_height=354" name="iframe_chapter" width="570" height="354" frameborder="0" scrolling="no"></iframe>
</div></div>
¿Que debo modificar? Gracias
P.D el video del youtube es un ejemplo jeje
Ayuda PLEASE!!!
Yo quiero poner una imagen y al hacer click en ella aparezca un vídeo. El caso es que me tiendo el código de algún vídeo de YouTube funciona... pero otros vídeo de otra web.. no. Y eso que el código es parecido.
Este funciona: En negrita codigo video YouTube.
<div class="divspoiler">
<img src="http://www.arrobasystem.com/imagenes/icono-submenu-2.gif" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" />
</div><div><div class="spoiler" style="display: none;">
<iframe width="420" height="315" src="//www.youtube.com/embed/Oa_yVKEzQl8" frameborder="0" allowfullscreen></iframe>
</div></div>
Este no funciona Esta sacado de otra web, en negrita el código de este vídeo.
<div class="divspoiler">
<img src="http://www.arrobasystem.com/imagenes/icono-submenu-2.gif" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" />
</div><div><div class="spoiler" style="display: none;">
<iframe id="iframe_chapter" src="http://tac12.xiptv.cat/embed/114584?width=548&iframe_width=570&share=&height=308&iframe_height=354" name="iframe_chapter" width="570" height="354" frameborder="0" scrolling="no"></iframe>
</div></div>
¿Que debo modificar? Gracias
P.D el video del youtube es un ejemplo jeje
Ayuda PLEASE!!!
Última edición: