Hola gente, ando con esta cuestión hace tiempo y no se como se puede resolver, mis conocimientos son muy basicos (nulos diria) asi que espero que mi pedido de ayuda no sea una molestia.
Y es eso, para no ralentizar la carga de la pagina con varias tabs (el navegador carga el contenido de todas juntas) di con un codigo el cual carga el contenido SOLO al dar click en cada tab (por defecto carga la 1ra.)
Pude hacer que funcione un script (jquery-ui) para que cargue el video solo al hacer clik en la tab y que detallo al ultimo, pero el problema que me surgió es que solo funciona con un iframe anteponiendo data al src, por ej.:
<iframe data-src="http://powvideo.net/embed-ui0njh4t1cgz-640x360.html" width="680" height="380" scrolling="no" frameborder="0"> (SI funciona)
De la forma que los hostings de video stream entregan el embed no funciona por la falta del bendito data-, por ej.:
<iframe src="http://powvideo.net/embed-ui0njh4t1cgz-640x360.html" width="680" height="380" scrolling="no" frameborder="0"> (NO funciona)
Codigo jquery ui:
<script>
$(function() {
$( "#tabs" ).tabs({
beforeActivate: function( event, ui ) {
ui.newPanel.find('iframe').each(function() { if($(this).data('src') && !$(this).attr('src')) $(this).attr('src',$(this).data('src')); });
},
create: function( event, ui ) {
ui.panel.find('iframe').each(function() { if($(this).data('src')) $(this).attr('src',$(this).data('src')); });
}
});
// Hover states on the static widgets
$( "#dialog-link, #icons li" ).hover(
function() {
$( this ).addClass( "ui-state-hover" );
},
function() {
$( this ).removeClass( "ui-state-hover" );
}
);
});
</script>
Codigo html:
<div id="tabs">
<ul>
<li><a href="#tabs-1">Opción 1</a></li>
<li><a href="#tabs-2">Opción 2</a></li>
</ul>
<div id="tabs-1">
<?php $values = get_post_custom_values("reproductor"); echo $values[0]; ?>
</div>
<div id="tabs-2">
<?php $values = get_post_custom_values("reproductor"); echo $values[0]; ?>
</div>
</div>
Alguien sabe si se puede modificar el script o el php para colocar la sintaxis correcta?
Espero haber podido explicarme bien.
De antemano muchas gracias.
