Insertion script HTML5 responsive design

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par gwenm, 15 Septembre 2014.

  1. gwenm
    gwenm Nouveau WRInaute
    Inscrit:
    16 Novembre 2008
    Messages:
    44
    J'aime reçus:
    0
    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:
    Code:
    <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 :
    Code:
    <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..
     
  2. loubet
    loubet WRInaute impliqué
    Inscrit:
    19 Février 2003
    Messages:
    792
    J'aime reçus:
    0
    de mémoire, il faut aussi mettre 100% pour la balise body ou html, en plus de 100% pour les div.
     
  3. gwenm
    gwenm Nouveau WRInaute
    Inscrit:
    16 Novembre 2008
    Messages:
    44
    J'aime reçus:
    0
    Merci loubet, je suis dessus depuis hier et j'avance à rien..
    j'ai du coup ajouté dans mon css :
    Code:
    html, body
    {
        height: 100%;
    }
    Sinon il me semble que les div sont bien à 100%, mais ca ne fonctionne toujours pas..
     
  4. gwenm
    gwenm Nouveau WRInaute
    Inscrit:
    16 Novembre 2008
    Messages:
    44
    J'aime reçus:
    0
    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 :
    Code:
    html, body { height: 100%; width: 100%; margin: 0; }
    div { height: 100%; width: 100%; }
     
  5. loubet
    loubet WRInaute impliqué
    Inscrit:
    19 Février 2003
    Messages:
    792
    J'aime reçus:
    0
    div.gameplayer { height: 100%; width: 100%; }
     
  6. gwenm
    gwenm Nouveau WRInaute
    Inscrit:
    16 Novembre 2008
    Messages:
    44
    J'aime reçus:
    0
    Merci loubet, mais comment tu l'écrit après étant donné qu'il y a un . entre div et gameplayer ? Merci :oops:
     
Chargement...
Similar Threads - Insertion script HTML5 Forum Date
script permettant l'insertion automatique de vidéos sur son site Développement d'un site Web ou d'une appli mobile 22 Septembre 2012
Insertion des balises description et keywords Problèmes de référencement spécifiques à vos sites 21 Octobre 2010
Plugin Wordpress Insertion Date du Jour via Shortcodes Développement d'un site Web ou d'une appli mobile 7 Mars 2018
Page créée (permalien) suite insertion Media sous Wordpress Problèmes de référencement spécifiques à vos sites 16 Juillet 2017
Question théorique à propos de l'insertion d'accent dans la base Développement d'un site Web ou d'une appli mobile 7 Mars 2017
Insertion d'un megamenu : quelles sont les bonnes pratiques pour le référencement ? Débuter en référencement 8 Janvier 2015
éditeur tinymce et insertion de code Développement d'un site Web ou d'une appli mobile 23 Août 2013
Lettre pour offre insertion publicitaire Monétisation d'un site web 16 Juillet 2013
Insertion d'un bouton google+1, échec... Développement d'un site Web ou d'une appli mobile 28 Mai 2013
Google Shopping problème Insertion article Google : l'entreprise, les sites web, les services 18 Février 2012
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice