Responsive Sizing?

  • Resolved gspring624

    (@gspring624)


    8 years, 4 months ago

    Is there any way we can make the sizing responsive to the page width. We have a lot of mobile users, and although it works ok with live feed, and fallback video is cropped until it is played. Would love to use this plugin, but just would like some help with formatting. I tried using short code width=”100%” height=”auto” but it seems like its wanting pixel size.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author macbookandrew

    (@macbookandrew)

    8 years, 4 months ago

    Hi @gspring624,

    Try adding this code to your theme’s stylesheet or in the WP Customizer “Additional CSS” section:

    
.wp-youtube-live.dead {
    display: block;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.wp-youtube-live.dead iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
    Thread Starter gspring624

    (@gspring624)

    8 years, 4 months ago

    Dude that worked like a charm! Thanks for the amazing fast response!

    One thing for the future that might be worth considering. I found a plugin called “Hide Youtube Related Videos” as when I set the fallback video to be a specific video, at the end it showed the automatically chosen related options from youtube, which was undesirable. Might be a nice feature to include in upcoming mods.

    Thanks Again Andrew!

    Plugin Author macbookandrew

    (@macbookandrew)

    8 years, 4 months ago

    Great; glad I could help.

    Check under Default Player Settings in the YouTube Live options and you should see a setting there to hide related videos when the fallback video is finished: Looks like the “playlist” and “video” fallback options ignored that setting; please update to v1.7.6 of the plugin and those fallback options should respect the settings you have.

    WP YouTube Live default player settings

    Thanks

    Thread Starter gspring624

    (@gspring624)

    8 years, 4 months ago

    Awesomer!!! Thanks again Andrew!

    Thread Starter gspring624

    (@gspring624)

    8 years, 3 months ago

    Another issue. So I’m a mac guy, and have no problems viewing the stream on my phone and imac. However for android users it’s forcing them to watch it on youtube. It shows Live Stream Enbedding as being enabled under youtube.com/features. Is there something else I need to do?

    Thanks,

    Greg

    Plugin Author macbookandrew

    (@macbookandrew)

    8 years, 3 months ago

    @gspring624

    I’ll have to get a hold of an Android device to test this on…. You don’t happen to have a screenshot of what it looks like on an Android device, do you?

    Thanks

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

The topic ‘Responsive Sizing?’ is closed to new replies.