ahorro de codigo?

[catpaw]

que tal gente, aca les traigo este caso, veran tengo un carrucel donde tomo videos de youtube, al dar clic sobre alguno se abre un simple modal con el video correspondiente.

Actualmente tengo 9 videos en lista, tal vez en el futuro sean mas, el cdigo para llamarlos es el siguiente:

Código HTML:

<script>
jQuery('#viD_1').click(function() {
 jQuery('#show_video1').modal();
});
</script>
<div id="show_video1" style='display:none'>
	<div style="text-align:center;">
	<object width="640" height="360">
        <param name="movie" value="http://www.youtube.com/v/t85p39OMWi8"></param>
        <param name="autoplay" value="true"></param>
	<embed src="http://www.youtube.com/v/t85p39OMWi8&autoplay=1" type="application/x-shockwave-flash" width="640" height="360" autoplay="true"></embed>
	</object>
	</div> 
</div>
<script>
jQuery('#viD_2').click(function() {
	  jQuery('#show_video2').modal();
});
</script>
<div id="show_video2" style='display:none'>
	<div style="text-align:center;">
	<object width="598" height="398">
	<param name="movie" value="http://www.youtube.com/v/V15EIYhhKrI"></param>
	<embed src="http://www.youtube.com/v/V15EIYhhKrI&autoplay=1" type="application/x-shockwave-flash" width="640" height="360" autoplay="true"></embed>
	</object>
        </div> 
</div>
<script>
jQuery('#viD_3').click(function() {
	  jQuery('#show_video3').modal();
});
</script>
<div id="show_video3" style='display:none'>
	<div style="text-align:center;">
	<object width="598" height="398">
	<param name="movie" value="http://www.youtube.com/v/UfVma8T0EMU"></param>
	<embed src="http://www.youtube.com/v/UfVma8T0EMU&autoplay=1" type="application/x-shockwave-flash" width="640" height="360" autoplay="true"></embed>
	</object>
	</div> 
</div>

<!-- y asi hasta llegar al 9 --> 

pues la pregunta es ¿se puede hacer un loop para esto, algo asi:

jQuery('#viD_<?php echo $i ?>')
jQuery('#show_video<?php echo $i ?>').modal();
<div id="show_video<?php echo $i ?>" style='display:none'>

meter en un arreglo las urls de youtube

<embed src="<?php echo $url[1] ?>" type="application/x-shockwave-flash" width="640" height="360" autoplay="true">

si será posible o estoy jejeje
como seria?

Gracias

[ocp001a]

Yo creo que el problema va en javascript, más concretamente relacionado con jquery.

Te podría decir que sí, sería posible, pero como no uso jquery, no te puedo asegurar que sea fácil, aunque imagino que sí.

[GatorV]

Claro que es posible, simplemente pon los datos que necesites en un array, y luego usa en un foreach para hacer el loop que necesitas, por ejemplo:

Código PHP:

$urls = array(
     '/path/video1'
);
 
foreach ($urls as $index => $url) {
      echo "$index => $url";
}
 

Saludos.

[catpaw]

Gracias por las respuestas, creo que cierto que por el lado de php no habria complicacion (espero)

pero me podrian pasar un ejemplo para ver como le paso las variables a jquery y hacer esto:

jQuery('#viD_<?php echo $i ?>')
jQuery('#show_video<?php echo $i ?>').modal();

tal vez sera que deben moverme de foro

[GatorV]

Con el ejemplo que te expuse lo puedes hacer.

Saludos.

[catpaw]

disculpa no habia visto tu ejemplo, quedo perfecto muchas gracias, aca dejo el coidgo:

Código PHP:

  <?php
$urls = array(
     'http://www.youtube.com/v/t85p39OMWi8&autoplay=1', 'http://www.youtube.com/v/V15EIYhhKrI&autoplay=1'
);
foreach ($urls as $index => $url) {
    echo "
    <script>
    jQuery('#viD_".$index."').click(function() {
          jQuery('#show_video".$index."').modal();
    });
    </script>
    <div id='show_video".$index."' style='display:none'>
        <div style='text-align:center;'>
            <object width='640' height='360'>
            <param name='movie' value='".$url."'></param>
            <param name='autoplay' value='true'></param>
            <embed src='".$url."' type='application/x-shockwave-flash' width='640' height='360' autoplay='true'></embed>
            </object>
        </div> 
    </div>";
}
?>   

:D