2

Estoy haciendo un apartado en el cual tú pinchas sobre un <a> y se abre un iframe con el vídeo de Youtube. Tengo 30 <a> que hacen 30 iframes diferentes los cuales muestran vídeos diferentes, al ejecutar esta página tarda mucho en cargar, ¿cómo podría disminuir el tiempo de carga de la página?

Este sería el código:

<  data-toggle="modal" data-target="#1"> 1. Gangnan Style | | <strong>PSY </strong>  </><br> 

  <div class="modal fade" id="1" role="dialog">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Gangnan Style | | <strong>PSY </strong></h4>
        </div>
        <div class="modal-body">
            <iframe width="99%" height="315" src="https://www.youtube.com/embed/9bZkp7q19f0?controls=0"> </iframe>
        </div>
      </div>
    </div>
  </div>
2

1 respuesta 1

2

Podrías dejar los iframes sin asignar el atributo src y asignárselo en el momento de mostrar el vídeo en cuestión (cuando el usuario haga click para mostrarlo). Esto aceleraría la carga inicial aunque tardaría más a la hora de mostrar un vídeo concreto.

Otra opción es asignar todas las urls de los vídeos una vez completada la carga del resto de la página. Algo así:

$(function(){
  function cargaDeVideos(){
    $('#video1').attr('src', 'https://www.youtube.com/embed/9bZkp7q19f0?controls=0');
  }
  
  setTimeout(cargaDeVideos);
  
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- Modal content-->
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">&times;</button>
    <h4 class="modal-title">Gangnan Style | | <strong>PSY </strong></h4>
  </div>
  <div class="modal-body">
    <iframe width="99%" height="315" id="video1"></iframe>
  </div>
</div>

2
  • Muchas gracias un saludo :)
    – El Barto
    Commented el 12 jun. 2017 a las 11:36
  • Va de lujo y he mejorado el tiempo de carga
    – El Barto
    Commented el 12 jun. 2017 a las 11:44

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.