WordPress.org

Support

Support » Plugins and Hacks » [Resolved] Responsiveness lost?

[Resolved] Responsiveness lost?

  • I have two video plugins in my website, Viper’s Quicktags (to support other video providers) and Artiss Youtube Embed.

    I love how your plugin reduces the browser load when viewing a page, making it render faster.

    However, I am losing video “responsiveness”:
    1) When the post containing the video is loaded on a mobile device (or a resized browser), the picture of the video maintains the dimensions set in the general options (if no other have been provided in the shortcode)
    2) after the play button is clicked and the flash loads, the video does not resize then either, but extends beyond the borders of the screen in the initial dimensions (it does so, however without causing a horizontal browser bar to show up).

    Is there a way to get it to display in a responsive way?

    http://wordpress.org/extend/plugins/youtube-embed/

Viewing 15 replies - 1 through 15 (of 21 total)
  • Plugin Author dartiss

    @dartiss

    Sorry, are you saying that when appearing on a mobile device it’s not responsive?

    Which mobile device are you viewing it on?

    David.

    I have checked only by resizing the browser myself and because automatic video resizing in this case does happen with Viper’s Quicktags, but not with Youtube Embed, I may have mistakenly deduced that this also happens with true mobile devices.
    Responsiveness does mean adapting to the size of the browser and in this case Youtube Embed fails to do that, in my case at least, for a desktop browser.

    Plugin Author dartiss

    @dartiss

    Can you provide me with a URL to a page where you’re having a problem with the responsiveness? I’ll test it and see if I can see the cause.

    Thanks,
    David.

    Sure, try the following link
    ‘http://tomakrypodari.gr/dokymanter/sikelia-i-gi-pou-aimorragei/’

    Thank you

    Plugin Author dartiss

    @dartiss

    Ok, the page source is showing me that the responsive option is not switched on – is it definitely ticked in the Profiles screen?

    David.

    you’re right I had the “dynamically resize” option off and now I remembered why…this may be a different “bug” (or not, Idon;t know)

    It’s because if I have it on the following things happen
    without maximum size it sticks to the right side of the content and also ignores all size settings I have set in the shortcode taking up the whole area…
    if I set the maximum size, it does respect the values I have set on the backend or in the shortcode, but ignores the float setting…all space to the side of the video becomes empty.

    you can see the latter effect here
    http://tomakrypodari.gr/politiki/mesi-anatoli/gia-pollosti-fora-stoxos-vandalismon-eginan-xristianika-mnimeia-sta-ierosolyma/

    Plugin Author dartiss

    @dartiss

    That page looks alright to me – the video has floated to the right and there is content around it.

    David.

    Another Chrome thing…with chrome it displays to the left with no wrapping text

    Plugin Author dartiss

    @dartiss

    Do you have an example of that? I was using Chrome before to look at the previous page.

    David.

    Seems like I just needed to clear my cache…

    I am sorry to bring this up again, but I have come to a conclusion, whether it just happens to me or not I don;t know.

    The aforementioned problem persists but only for logged in users (administrator at least)

    That is with
    1) dynamic resize on and
    2)maximum size on
    the video does not respect float (set right, floating left) value and text does nor wrap around it…

    The issues I am witnessing always involve Chrome and there are small differences depending on login status

    Here is the screenshot
    http://postimage.org/image/91i6dc3rr/

    and it’s for this link here.
    http://tomakrypodari.gr/politiki/mesi-anatoli/gia-pollosti-fora-stoxos-vandalismon-eginan-xristianika-mnimeia-sta-ierosolyma/

    Before I looked at the output once while logged in and once when logged out.
    When I was logged in, I saw it displayed problamtically as I reported and when I was logged out it displayed normally.

    Could it be a caching thing?

    I have WP Super Cache installed on my site.

    Plugin Author dartiss

    @dartiss

    It could well be – I had that plugin installed myself but was having problems. However it generally causes problems with people logged out. None-the-less, it has a habit of stripping out code and that can cause problems.

    I’d try disabling it and see if this cures the problem.

    Also temporarily change all the YouTube Embed caches (in the YouTube Embed options screen) to 0 to switch them off.

    David.

    It’s getting really weird…

    A) I have run some tests again with
    – WP Super Cache disabled
    – Logged out users
    – Video caching in Youtube Embed Options also disabled
    – “dynamic resize” and “maximum width” on

    The results
    ———–
    All three browsers: Firefox, Chrome & I9 display the above video (link also below) problematically: float value is lost and no wrapping text…

    http://tomakrypodari.gr/politiki/mesi-anatoli/gia-pollosti-fora-stoxos-vandalismon-eginan-xristianika-mnimeia-sta-ierosolyma/

    B) Running the test again with Youtube Embed caching on yielded the same results.

    C) Running tests with
    – WP Super Cache enabled
    – Logged out users
    – Video caching in Youtube Embed Options also disabled

    The same!

    D) Running tests with
    – WP Super Cache enabled
    – Logged out users
    – Video caching in Youtube Embed Options enabled

    The same!

    E) Running the same tests logged in, I had the same results with all three browsers.

    F) Running tests with
    – WP Super Cache enabled
    – Video caching in Youtube Embed Options also enabled
    – “dynamic resize” and “maximum width” OFF

    I get the video displayed correctly for logged in users for all three browsers…
    For logged out users on all three browsers the float value is not kept and text does not wrap around the video

    G) Running same tests
    – WP Super Cache enabled
    – Video caching in Youtube Embed Options also disabled
    – “dynamic resize” and “maximum width” OFF

    Like the previous test…

    Works for logged in, does not work for logged out…

    Don’t know what the f*** is going on, I am not getting consistent results, I give up.

    I am getting an error on the backend I had not previously noticed though
    Warning: Cannot modify header information - headers already sent by (output started at /home/domain/public_html/mysite.com/wp-admin/includes/template.php:1642) in /home/domain/public_html/mysite.com/wp-content/plugins/youtube-embed/includes/aye-options-general.php on line 79

    Plugin Author dartiss

    @dartiss

    I’m with you – I have no idea what’s going on.

    However, to re-iterate, my plugin has no functionality that’s different depending on whether you’re signed in or not (unlike the caching program you’re using) – because I’m not signed in the float looks fine.

    If I had to put money on the cause I would say that the cache program is affecting the code – even when switched on my own program may be caching the “bad code” which is why you may see it not working.

    David.

    Hello. Thank you for your patience.

    Part of the testing that I did involved disabling the plugin cache (set all at zero and checked the box to flush any cache). I also tried removing all WPSC code when testing for cache disabled.

    I checked several times, with several browsers, clearing the browser cache several times to make sure.

    The results just didn’t make much sense. I am going to recheck again in couple of days (got to get some other things out of the way) from another computer and report back

Viewing 15 replies - 1 through 15 (of 21 total)
  • The topic ‘[Resolved] Responsiveness lost?’ is closed to new replies.