<meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no"><link rel=stylesheet href=../../css/main.css><link href="https://fonts.googleapis.com/css?family=Quicksand&display=swap" rel=stylesheet><script src=https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js></script><script>window.jQuery||document.write('<script src="../../js/vendors/jquery-3.3.1.min.js"><\/script>')</script><script>document.write('<script src="//pagea'+'d2.googles'+'yndication.com/pagea'+'d/js/a'+'dsby'+'google.js"><\/script>')</script><script>var superSpecialObject={};superSpecialObject['google_a'+'d_client']='ca-p'+'ub-4469282388984999';superSpecialObject['enable_page_level_a'+'ds']=true;(window['a'+'dsbygoogle']=window['a'+'dsbygoogle']||[]).push(superSpecialObject);</script><header class="page-header js-page-header"><a class=page-header-logo-container href=https://geek-questions.imtqy.com/index.html></a><div class=page-header-text>All geek questions in one place</div></header><section class="page js-page"><div itemscope itemtype=http://schema.org/QAPage class=page><div class=main-col itemprop=mainEntity itemscope itemtype=http://schema.org/Question><div class=question-header><h1 itemprop=name>Iframe does not resize on android 2.3.6</h1></div><div class=question><div class=question-row><div class=question-text><div class=description itemprop=text><p>I have a Vimeo video on a page using universal embed code:<pre class=prettyprint-override><code class="hljs javascript"><div <span class=hljs-class><span class=hljs-keyword>class</span></span>=<span class=hljs-string>"video"</span>> <span class=xml><span class=hljs-tag><<span class=hljs-name>iframe</span> <span class=hljs-attr>src</span>=<span class=hljs-string>"http://player.vimeo.com/video/VIDEO_ID"</span> <span class=hljs-attr>width</span>=<span class=hljs-string>"100%"</span> <span class=hljs-attr>height</span>=<span class=hljs-string>"100%"</span> <span class=hljs-attr>frameborder</span>=<span class=hljs-string>"0"</span>></span><span class=hljs-tag></<span class=hljs-name>iframe</span>></span></span> <<span class=hljs-regexp>/div></span></code> </pre><p>I use the Vimeo JavaScript API ( <a href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" rel="nofollow noreferrer">http://vimeo.com/api/docs/player-js</a> ) to add a class to the <code>video</code> div (which doubles the div) when the video starts playing, and when the video is paused or finished, the class will be deleted. dropping the size of the video player to its original size.<p>This works as expected on a desktop / laptop (Firefox), but on an Android phone, the iframe (as soon as it doubles its size) does not return to its previous size (this is a percentage, so it must adapt to its <code>video</code> ), which causes the iframe to overlap its parent div.<p>At first, I thought it was 100% width and height of the iframe, so I specified a fixed width and height for the iframe using <code>$('#video1').attr('width', 400);</code> when the video was stopped, but the iframe remained unchanged (it remained twice as large).<p>Does anyone have any idea why Android does this and how can I get the iframe to resize?</div><div class="favorite hidden"><i class="far fa-star"></i></div><div class=votes-question><i class="glyphicon glyphicon-arrow-ups"></i><div class="vote-count greenc" itemprop=upvoteCount>+6</div><i class="glyphicon glyphicon-arrow-down"></i></div><div class=tags><a href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" class=tag title="show questions tagged with 'jquery'" rel=tag>jquery</a> <a href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" class=tag title="show issues tagged with 'android'" rel=tag>android</a> <a href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" class=tag title="show questions tagged with 'iframe'" rel=tag>iframe</a> <a href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" class=tag title="show questions tagged with 'vimeo'" rel=tag>vimeo</a> <a href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" class=tag title="show questions tagged with 'vimeo-player'" rel=tag>vimeo-player</a></div><div class=clearfix></div><div class=action-time><span itemprop=author itemscope itemtype=http://schema.org/Person><span itemprop=name><a href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" rel=noopener target=_blank>Nighthawk</a></span></span> <time title="2012-02-14 04:43" itemprop=dateCreated datetime=2012-02-14T04:43:41+0000>Feb 14 '12 at 4:43</time></div><a class=aa-link href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" target=_blank rel=noopener>source</a> <a class=s-link href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" title=share>share</a><div class=clearfix></div></div></div></div><ins style=height:90px;display:block data-zxname=zx-adnet data-zxadslot=ZX-QRST data-zxw=0 data-zxh=90 data-zxid=2 data-overlay=false></ins><div class="answers hidden" id=answers_hash><div class=answers-header><span class=pull-left><span itemprop=answerCount>0</span> replies</span><div class=clearfix></div></div></div><div class=notice><p class="text-center text-muted tq-not-found">No one has answered this question yet.<div class=similar-wbg><p>See related questions:<div><div class="votes-question accepted"><div class=vote-count>3606</div></div><a href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" target=_blank>Close / hide Android soft keyboard</a></div><div><div class="votes-question green"><div class=vote-count>3295</div></div><a href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" target=_blank>Why is the Android emulator so slow?</a> <a href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" target=_blank>How can we speed up Android emulator development?</a></div><div><div class="votes-question accepted"><div class=vote-count>3288</div></div><a href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" target=_blank>Correct use cases for Android UserManager.isUserAGoat ()?</a></div><div><div class="votes-question accepted"><div class=vote-count>2609</div></div><a href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" target=_blank>Is there a unique identifier for an Android device?</a></div><div><div class="votes-question accepted"><div class=vote-count>2510</div></div><a href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" target=_blank>How to save Android activity state by saving instance state?</a></div><div><div class="votes-question accepted"><div class=vote-count>2097</div></div><a href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" target=_blank>Is there a way to run Python on Android?</a></div><div><div class="votes-question accepted"><div class=vote-count>1844</div></div><a href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" target=_blank>What is "Context" on Android?</a></div><div><div class="votes-question green"><div class=vote-count>1116</div></div><a href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" target=_blank>Installing Android SDK does not find JDK</a></div><div><div class="votes-question green"><div class=vote-count>960</div></div><a href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" target=_blank>How to apply CSS to iframe?</a></div><div><div class="votes-question accepted"><div class=vote-count>763</div></div><a href="https://translate.googleusercontent.com/translate_c?depth=1&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" target=_blank>jQuery / JavaScript: accessing iframe content</a></div></div></div></div></div><p>Source: <a rel=nofollow href=https://habr.com/ru/post/908395/>https://habr.com/ru/post/908395/</a><section class="more-articles-navigation-panel js-more-articles-navigation-panel"><h4>More articles:</h4><nav class="list-of-articles-container js-list-of-articles-container"><ul class="list-of-pages js-list-of-pages"><li><a href=../908390/index.html>Is there a utility for checking makefiles? - makefile</a><li><a href=../908391/index.html>.bat to rename multiple folders - windows</a><li><a href=../908392/index.html>When .replaceWith () is executed in jQuery, event bindings are not saved - jquery</a><li><a href=../908393/index.html>Go - convert a string that represents a binary number to int - go</a><li><a href=../908394/index.html>Ruby vs. Ruby On Rails - ruby | fooobar.com</a><li><a href=../908396/index.html>What is the difference between Ruby and ROR? - ruby | fooobar.com</a><li><a href=../908397/index.html>apache global basic auth - apache</a><li><a href=../908398/index.html>Is it possible that a depends on the remote jQuery validation? - jquery</a><li><a href=../908399/index.html>UISplitViewController on iPad with storyboard? - ios</a><li><a href=../908400/index.html>How can I use GetVolumeInformation in Inno Setup? - installer</a></ul></nav></section><br><a href=../../allArticles.html><strong>All Articles</strong></a> <script src=../../js/main.js></script><script>(function(d,w,c){(w[c]=w[c]||[]).push(function(){try{w.yaCounter62683636=new Ya.Metrika({id:62683636,clickmap:true,trackLinks:true,accurateTrackBounce:true,webvisor:true});}catch(e){}});var n=d.getElementsByTagName("script")[0],s=d.createElement("script"),f=function(){n.parentNode.insertBefore(s,n);};s.type="text/javascript";s.async=true;s.src="https://mc.yandex.ru/metrika/watch.js";if(w.opera=="[object Opera]"){d.addEventListener("DOMContentLoaded",f,false);}else{f();}})(document,window,"yandex_metrika_callbacks");</script><noscript><div><img src=https://mc.yandex.ru/watch/62683636 style=position:absolute;left:-9999px alt></div></noscript><script>window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;ga('create','UA-166339405-1','auto');ga('send','pageview')</script><script src=https://www.google-analytics.com/analytics.js async defer></script></section><footer class=page-footer><div class="page-footer-legal-info-container page-footer-element"><p>Geek Questions | <span class="page-footer-legal-info-year js-page-footer-legal-info-year">2019</span></div><div class="page-footer-counters-container page-footer-element"><a class=page-footer-counter-clustrmap href=# title="Visit tracker"><img src="https://clustrmaps.com/map_v2.png?cl=698e5a&w=271&t=t&d=x9KFE5t3Mv44EqtuX_BNXcB69A0sIUZAkKxnezcia0Y&co=3a3a3a&ct=ffffff"></a></div></footer>