Accordion : ralentissement onglets vidéo

**bipbipman2003** · 27/05/2013, 16h28

Bonjour,

Lorsque j'utilise firefox (dernière version):
Dans mon accordion lorsque j'ouvre les onglets il y a un ralentissement surement dù aux video you tube intégrées avec des iframes.

Je ne constate pas ce fonctionnement sous Chrome par exemple, tout est fluide.

Je pense qu'il serait peut être possible de faire qql chose pour que cela soit aussi fluide sous firefox mais je ne suis pas arrivé.

Si vous avez une idée ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
<!doctype html>
 
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Accordion - Collapse content</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" />
  <script>
  $(function() {
    $( "#accordion" ).accordion({
      collapsible: false,
      active :false
 
    });
  });
  </script>
</head>
<body>
 
<div id="accordion">
  <h3>Section 1</h3>
  <div  width="560" height="315">
    <p>
     <iframe width="560" height="315" src="http://www.youtube.com/embed/idvideo?rel=0" frameborder="0" allowfullscreen></iframe> 
 
    </p>
  </div>
  <h3>Section 2</h3>
  <div  width="560" height="315">
        <p>
    <iframe width="560" height="315" src="http://www.youtube.com/embed/idvideo?rel=0" frameborder="0" allowfullscreen></iframe>
    </p>
  </div>
 
</div>
</body>
</html>

**bipbipman2003** · 29/05/2013, 11h27

Pour l'instant J'ai supprimer l'effet (easing) pour l'ouverture de l'accordion, ça charge la video mais il n'interfère plus avec l'effet.

J'ai essayé d'autres effets mais ça n'améliore pas vraimment les choses sous firefox.
Avez vous une idée sur une piste possible:
- peut être en jouant sur la video (preload, intégration différente)..
- en script: en utilisant les événements de l'accordion....

**bipbipman2003** · 03/06/2013, 11h46

Pas d'idées ?

Accordion : ralentissement onglets vidéo

jQuery

Vue hybride

Discussions similaires

Partager

Partager