Bonjour tout le monde !

Je suis actuellement en stage et je dois intégrer une vidéo Youtube à leur site.
Je l'ai fait et ça marche plutôt bien.

Mon code :

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
<!-- START YOUTUBE PLAYER -->
<script src="./nom_files/jsapi" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
google.load("swfobject", "2.1");
 
document.getElementById('video').addEventListener("click", function() {
  function onYouTubePlayerReady(playerId) {
    var p = document.getElementById('video');
    p.playVideo();
    mixpanel.track('site-header-video-play', 'site-header-video-play', waited);
  }
 
  swfobject.embedSWF("http://www.youtube.com/url?version=3&enablejsapi=1&playerapiid=player1&theme=light&hd=1&showsearch=0&loop=1&modestbranding=1&controls=1&autoplay=1",
      "video", "489", "281", "9", null, null, { allowScriptAccess: "always" }, { id: "video" } );
}, false);
</script><script src="./Bringr - monitoring et mesure en temps réel des réseaux sociaux_files/swfobject.js" type="text/javascript"></script>
 
 
<!-- [block:InProd] -->
<script type="text/javascript" src="./nom_files/skrollr.min.js"></script>
<!-- [/block:InProd] -->
<!-- [/block:InDev]
<script type="text/javascript" src="js/skrollr.min.js"></script>
[/block:InDev] -->
<script type="text/javascript">
var s = skrollr.init();
var sdate = +new Date();
function waited(el){
  return {
    ellapsed_ms_before_click:new Date()-sdate
    allowfullscreen="true"
    webkitallowfullscreen="true"
    mozallowfullscreen="true"
  };
}
(J'ai modifié un peu le code pour poster ici)


Le rendu est plutôt pas mal. Le seul souci que j'ai actuelement, c'est que je n'arrive pas à mettre la vidéo en plein écran. Lorsque je clique sur le bouton, il se grise et je ne peux plus recliquer dessus.

C'est assez problématique. Avez-vous une idée ?