• I’ve searched and not found an answer to this.

    The video on this page is hosted by the basic Video widget. I have a padding of 400 right and left to bring it in a bit and that’s all. The iPhone view is fine but I don’t seem able to get a decent size video on an iPad. It’s very small in landscape (c.3cms) but does go full width in portrait. I’m sure I’m missing something very basic here.

    Any tips would be very welcome!

    • This topic was modified 5 years, 6 months ago by hotfingers.

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

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The thing that’s adding the video is giving it a small width and height of something like:

    
        width: 224.012px;
        height: 126.007px;
        min-width: 184px;
    

    Do you know what is adding that?

    Thread Starter hotfingers

    (@hotfingers)

    Hi Andrew — if I remove the main left/right widget padding of 400/400 then the ipad mini is fine. I had assume the iPad would follow the mobile padding (currently blank) and not the main figures.

    What I was trying to a achivee was reducing the video size on desktops somewhat but leaving mobile devices fairly full-width. Can that be achieved?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Which element are you removing the padding on?

    Thread Starter hotfingers

    (@hotfingers)

    Apologies if I wasn’t clear. I would send a screenshot but there doesn’t seem to be an option.

    I’m editing widget/video (NOT edit row)

    If I set right/left padding to 400 each I get a good smaller video on desktops and iPhone is fine. iPad mini very small in landscape.

    If I remove the 400/400 padding then desktop video is full width as is iPad mini

    Row Attributes Full Width/stretched. If I don’t have that set, the video locates to the right of the screen. Maybe I’m misunderstanding the working of that.

    I want to reduce the video size on a desktop from full screen but allow full screen width on iPad mini and iPhone.

    Thanks for the support.

    Thread Starter hotfingers

    (@hotfingers)

    Might I ask if you had any further thoughts? Sorry if I’m being dense on this. I simply want to have the video widget play a video at limited width on desktops and full width on iPads and mobiles. Is this doable?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I think it’s doable but it is beyond my knowledge unfortunately. I was hoping someone else could hop in.

    Moderator Samuel Wood (Otto)

    (@otto42)

    WordPress.org Admin

    Take a screenshot (on the iPad, hold the power button and tap the home button at the same time). Then use imgur to post it, and post the link to the image here.

    Thread Starter hotfingers

    (@hotfingers)

    I have the row set to full width – stretched. There is a padding of 300px left and right on the video widget.

    I would very much like to restrict the width of the desktop video but keep both the iPad and iPhone showing full width.

    I don’t know whether these screenshots help. As you can see, the added padding is also affecting the iPad (not the iPhone, as you would expect).

    View post on imgur.com

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Image size on ipad’ is closed to new replies.