Support » Plugin: WP YouTube Lyte » Improving quality of the "Youtube" buttons

  • Resolved Draikin

    (@draikin)


    At the moment the plugin mimmicks the Youtube player UI, but I was wondering if we could further improve the quality of the buttons? At the moment they suffer from aliasing on the edges, and have very visible gradients (while Youtube actually uses a single color). I’m just not sure if it was intentionally made somewhat different from Youtube for legal reasons? In any case, I’d be willing to help with this.

    https://wordpress.org/plugins/wp-youtube-lyte/

Viewing 5 replies - 31 through 35 (of 35 total)
  • Plugin Author Frank Goossens

    (@futtta)

    updated;
    * ctrl hidden for normal lyte embeds, visible for audio-only
    * roboto is referred in font-family with fallback to sans-serif, but roboto is not loaded by defualt (enqueueing it is easy enough, no? 😉 )
    * ctrl is now 98% wide and centered (when visible, off course)

    what’s your point of view for lyte on mobile:
    1. show actual lyte (faster) and expect users to play click twice
    2. show normal youtube embed (slower) and users only have to click once

    I now have (2) implemented, but thinking of switching to (1) with a filter available to switch back tot (2) for those who want to …

    frank

    Plugin Author Frank Goossens

    (@futtta)

    almost ready to release, you can download the beta here. let me know if that works for you 🙂

    frank

    Sorry, hadn’t gotten around to replying earlier. The font fallback seems like the ideal solution, but would there be a way (using a filter probably) to only load it when Youtube Lyte is actually being used on the page in question?

    Concerning lyte on mobile, I wasn’t aware you needed to click twice there. I’d need to look into that, but in that case I think (2) would probably be the best option. Otherwise it’d confuse people who’re used to the regular Youtube embedded videos.

    I’ll give the beta a try.

    Plugin Author Frank Goossens

    (@futtta)

    The font fallback seems like the ideal solution, but would there be a way (using a filter probably) to only load it when Youtube Lyte is actually being used on the page in question?

    yep;

    add_filter('lyte_css','draikin_lyte_change_css',10,1);
    function draikin_lyte_change_css($lyte_css) {
            $lyte_css="@import url(https://fonts.googleapis.com/css?family=Roboto&subset=latin,latin-ext);".$lyte_css;
            return $lyte_css;
    }

    Concerning lyte on mobile, I wasn’t aware you needed to click twice there. I’d need to look into that, but in that case I think (2) would probably be the best option. Otherwise it’d confuse people who’re used to the regular Youtube embedded videos.

    yeah … but on the other hand loading normal YT on mobile is dog-slow and at least I am not always surprised if I have to click a 2nd time if for one reason or another the touch event (click) wasn’t “seen”?

    still, there’s no ideal solution, we’ll have to pick our poison -:/

    frank

    Plugin Author Frank Goossens

    (@futtta)

    fyi, this would force lyte to switch to native YT for mobile:

    add_filter('lyte_do_mobile','no_lyte_on_mobile',10,0);
    function no_lyte_on_mobile(){
            return false;
            }
Viewing 5 replies - 31 through 35 (of 35 total)
  • The topic ‘Improving quality of the "Youtube" buttons’ is closed to new replies.