2 votes

Joseph U. avatar

Comment faire en sorte qu'une IFrame occupe toute la largeur à l'aide de jQuery Mobile sur un iPad ?

Demandé el 23 de Août, 2012
Quand la question a-t-elle été
979 affichage
Nombre de visites la question a
1 Réponses
Nombre de réponses aux questions
Ouvert
Situation réelle de la question

J'utilise la bibliothèque jQuery Mobile. J'affiche une IFrame comme indiqué :

<iframe width="100%" height="600" frameborder="0" title="Content" src="https://c.na6.content.force.com/servlet/servlet.FileDownload?file=00P8000500D26o6EAB" name="docframe" id="docframe"></iframe>

Sur un navigateur de bureau, l'iFrame occupe toute la largeur, comme je l'espérais. Sur un iPad, l'iFrame semble occuper environ 50 % de l'espace disponible. L'iFrame ne semble pas être contenue dans un élément qui limiterait sa taille à 50 % (c'est-à-dire qu'elle ne semble pas être dans une grille, etc.).

Quels types de choses dois-je essayer pour que mon iFrame soit en pleine largeur ?

Demandé el 23 de Août, 2012 par Joseph U.

Réponse

Trop de publicités?

0voto

MazakiyaDeciphered avatar
MazakiyaDeciphered Points 9

Voici une alternative qui peut vous aider :

   <head>
       <script type="text/javascript">
       function jqUpdateSize(){
            // Aspect ratio of the video's height and width. For eg: 360/480 
            var aspect_ratio = <height of the video>/<width of the video>;
            // Get the dimensions of the content div
            var width = $('#iframes-div-container').width();
            var height = width * aspect_ratio;

            $('#video-iframe').css("width",width);
            $('#video-iframe').css("height",height);
        };
        $(document).ready(jqUpdateSize);    // When the page first loads
        $(window).resize(jqUpdateSize);     // If the browser's size changes
        </script>
    </head>
    <body>
    <div data-role='page'>
     .
     .
     <your code>
     .
     .
     <div data-role="content" id="iframes-div-container">
        <center>
          <iframe id="video-iframe" src="https://c.na6.content.force.com/servlet/servlet.FileDownload?file=00P8000500D26o6EAB" frameborder="0" allowfullscreen></iframe>
        </center>
     </div> 

    </div>
    </body>

J'espère que cela vous aidera.

Répondu el 19 de Novembre, 2013 par MazakiyaDeciphered (9 Points )

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

Yandex
X