How to resize youtube object for smartphone

  • viewing the page with PC is ok. But viewing it with smarphones, displays youtube object too big and it is cut.
    How to solve this issue ?
    Thanks

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • @frankge973

    You could wrap your iframe embed code in this :

    <div class="video-responsive">
  <iframe .../ >
</div>

    Customizer –> Additional CSS :

    .video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
    Thread Starter frankge973

    (@frankge973)

    no, it doesn’t work
    I put this code 

    
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

    into Theme -> Customize -> Additional CSS
    but looking from smartphone or tablet in portrait view (the standard view for smartphone), the you tube vide object is too large and is cut on the right.
    what can I do ?

    Thread Starter frankge973

    (@frankge973)

    I use theme Super Minimal

    Thread Starter frankge973

    (@frankge973)

    Someone can help me ?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to resize youtube object for smartphone’ is closed to new replies.