iframe in mobile mode

  • Resolved meyerwp

    (@meyerwordpress)


    10 years, 8 months ago

    Hello,
    I have a video embeded in a post with iframe code

    <iframe src=”//player.vimeo.com/video/84384627″ width=”500″ height=”281″ frameborder=”0″ webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

    in https://jeromemeyer.com/?p=1068

    but it loses proportion and it doesn’t remain centered in mobile mode

    thank you for your feedback!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Without looking into it, isn’t that just because you’re specifying a “500” pixel width on the iframe?

    Thread Starter meyerwp

    (@meyerwordpress)

    hello Andrew,
    thank you for your feedback
    If I use a smaller size it will display too small in the
    computer display mode
    so this is not an option for me unfortunately
    ( and it doesn’t solve the problem..)

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What happens when you don’t set a size at all?

    Thread Starter meyerwp

    (@meyerwordpress)

    Great, the proportion is looking good now;
    I still need to check it on my desktop but the test I did
    now from my smartphone it looks good.
    It is still not centered, meaning it is touching the right side
    of the page but this will be included in a new tread,
    Thank you!

    Thread Starter meyerwp

    (@meyerwordpress)

    My solution is with this plugin

    Advanced Responsive Video Embedder

    you can make it a good size in desktop mode and it is very responsive

    thank you Andrew for your help!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘iframe in mobile mode’ is closed to new replies.