WordPress.org

Ready to get started?Download WordPress

Forums

Vixy YouTube Embed and Download
[resolved] Responsiveness lost? (22 posts)

  1. definitio
    Member
    Posted 1 year ago #

    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/

  2. dartiss
    Member
    Posted 1 year ago #

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

    Which mobile device are you viewing it on?

    David.

  3. definitio
    Member
    Posted 1 year ago #

    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.

  4. dartiss
    Member
    Posted 1 year ago #

    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.

  5. definitio
    Member
    Posted 1 year ago #

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

    Thank you

  6. dartiss
    Member
    Posted 1 year ago #

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

    David.

  7. definitio
    Member
    Posted 1 year ago #

    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/

  8. dartiss
    Member
    Posted 1 year ago #

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

    David.

  9. definitio
    Member
    Posted 1 year ago #

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

  10. dartiss
    Member
    Posted 1 year ago #

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

    David.

  11. definitio
    Member
    Posted 1 year ago #

    Seems like I just needed to clear my cache...

  12. definitio
    Member
    Posted 1 year ago #

    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.

  13. dartiss
    Member
    Posted 1 year ago #

    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.

  14. definitio
    Member
    Posted 1 year ago #

    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

  15. dartiss
    Member
    Posted 1 year ago #

    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.

  16. definitio
    Member
    Posted 1 year ago #

    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

  17. dartiss
    Member
    Posted 1 year ago #

    If I remember correctly with that caching plugin I experienced problems even with it switched off - I think some the functionality (such as "cleaning" the outputted code) still works.

    You can tell it's doing this because if you look at the page source the video should have HTML comments around it identifying it's coming from my plugin - these are actually missing, a result of the cache plugins.

    David.

  18. definitio
    Member
    Posted 1 year ago #

    I ran a quick test on a test WP installation: I tried totally disabling WPSC, clearing Youtube Embed's cache (and browser cache), enabled the "dynamic resize" and "max width" options of the player and with Firefox I get
    - losing float value (in fact aligning to the opposite side)
    - no wrapping text
    - the video not quite fitting within the video player, i.e. the video is cut in its borders (not visible) as if it has been zoomed and cropped, somehow not keeping the set max width values...
    ...these are kept for the player, but not the video...

    Screenshot
    http://postimage.org/image/673ws1chp/

  19. dartiss
    Member
    Posted 1 year ago #

    When the video is cropped like that it's usually due to your theme (I haven't been able to re-create this any other way). The responsive method I've implemented is not at 100% cast-iron guarantee and there are many things that can interfere with it.

    David.

  20. definitio
    Member
    Posted 1 year ago #

    I have tried with the following popular themes: Twenty Twelve, Responsive, silverOrchid, Mantra, Catchbox....they are all giving me the same results.

  21. definitio
    Member
    Posted 1 year ago #

    I have enabled debug and I am getting the following errors on the frontend...don't really know if they are related to the issue at hand

    Notice: Use of undefined constant SHORTCODE_PRIORITY - assumed 'SHORTCODE_PRIORITY' in /home/mydomain/public_html/mysite/wp-content/plugins/youtube-embed/includes/aye-add-scripts.php on line 14
    
    Warning: Cannot modify header information - headers already sent by (output started at /home/mydomain/public_html/mysite/wp-content/plugins/youtube-embed/includes/aye-add-scripts.php:14) in /home/mydomain/public_html/mysite/wp-content/plugins/wp-super-cache/wp-cache-phase2.php on line 88
  22. dartiss
    Member
    Posted 1 year ago #

    The first one isn't critical - I'll look at fixing this in a future release.

    The second one confirms that I've been saying - W3 Super Cache is causing the error with my plugin in this case. When I can I'll set up a test site with W3 Super Cache installed and try and re-create the problem - I may be able to find away round it.

    David.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic