Insertion script HTML5 responsive design

[gwenm]

Bonjour, j'utilise un theme html 5 et je rencontre un soucis pour visualiser 2 script de jeu.

Résultat en image, le jeu apparait tout petit : https://img4.hostingpics.net/pics/440792Capturer.jpg

Premier script, si je l'intègre tout seul, il s'affiche parfaitement, mais si je l'intègre dans une page html 5, il ne s'affiche pas correctement:

<div class="gameplayer" data-sub="cdn" data-width="100%" data-height="100%" data-gid="576742227280292174"></div>
<script>
(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'http://cdn.gameplayer.io/api/js/publisher.js'; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'gameplayer-publisher'));
 </script>

Deuxième script, celui ci ne s'affiche pas du tout si je l'integre tout seul, et s'affiche pas correctement dans une page html 5 :

<script type='text/javascript' id=158010>
    (function(d, gn,scriptId){
    var prop = {'agent': 'publisher', 'bgcolor':'#fff', 'wrapperwidth':'100%', 'wrapperheight':'100%', 'gamewidth':'100%', 'gameheight':'100%', 'fullscreen_on_mobile':'true'};    jsid = 'sgEmbedJS';if( d.getElementById(jsid) ) {embed(d,scriptId,gn, prop); } else {
    var s = d.createElement('script'); s.id = jsid; s.type = 'text/javascript'; s.onload = function(){embed(d,scriptId,gn, prop);};
    s.src='http://publishers.softgames.de/embedder.js'; d.getElementsByTagName('head')[0].appendChild(s);}
    }(document,'pudding-land',158010));
</script>

Bien sur, si je définit des valeurs comme height: 600px; width: 700px; le jeu apparait parfaitement, mais mon but étant qu'il soit vue sur n'importe quel plateformes donc responsive.

Merci pour votre aide..

 

[loubet]

de mémoire, il faut aussi mettre 100% pour la balise body ou html, en plus de 100% pour les div.

 

[gwenm]

de mémoire, il faut aussi mettre 100% pour la balise body ou html, en plus de 100% pour les div.

Merci loubet, je suis dessus depuis hier et j'avance à rien..
j'ai du coup ajouté dans mon css :

html, body
{
    height: 100%;
}

Sinon il me semble que les div sont bien à 100%, mais ca ne fonctionne toujours pas..

 

[gwenm]

enfin, j'avance un peu ce matin, mais j'ai encore un problème..j'ai trouvé un code qui afficherai je pense comme je le veux, mais le soucis est que c'est un script pour les div, et du coup tout mon contenu est déformé. Est ce que je peux remplacer les div par autre chose ?

Voici le code :

html, body { height: 100%; width: 100%; margin: 0; }
div { height: 100%; width: 100%; }

 

[loubet]

div.gameplayer { height: 100%; width: 100%; }

 

[gwenm]

Merci loubet, mais comment tu l'écrit après étant donné qu'il y a un . entre div et gameplayer ? Merci