Tabs and embedded YouTube Video

  • wt85

    (@wt85)


    12 years, 6 months ago

    Hi!

    Although there are sometimes some problems after updating, it seems that I like your plugin very much, so thanks again for sharing. There are still a lot of things to discover and this time I created a custom pagination using the tab container and custom css on the settings page, see e.g. here. I noticed a small issue here with the Chrome browser. If you embed YouTube videos on tabs which are not the first one, then load the page, switch to the tab where the video is embedded, then you see that the video is distorted, i.e. the thumbnail is stretched and the play button is squeezed. If you click on play, everything seems fine. If you reload the page with the reload button of the browser, everything is fine also. Moreover, Firefox does not seem to have this issue. See loc. cit. to check all this.

    http://wordpress.org/plugins/shortcodes-ultimate/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Vova

    (@gn_themes)

    12 years, 5 months ago

    Hi Werner,

    just checked your page and it seems everything is works fine (I’m using Chrome on win7) – http://clip2net.com/s/6ceJMK

    Thread Starter wt85

    (@wt85)

    12 years, 5 months ago

    The point is that Chrome loads the hidden tabs at the beginning including the YouTube iframes. But then the YouTube iframes don’t know the layout of the hidden container and thus are displayed incorrectly. If you load the page and switch to the other tab fast enough, before the iframe is loaded, it is displayed correctly. If you wait a second until the page is fully loaded and then switch to the other tab, you’ll see it is distorted. Firefox doesn’t load the hidden tabs in advance.

    Plugin Author Vova

    (@gn_themes)

    12 years, 5 months ago

    I think you can try to use some js-magic.

    This is an example code:

    jQuery(document).ready(function($) {
   $('.su-tabs-nav').click(function(e) {
      $('.su-tabs-pane').trigger('resize');
   });
});
    Thread Starter wt85

    (@wt85)

    12 years, 5 months ago

    I never worked with jquery before. Could you tell me where to place that code? Besides that, are you fixing this in the next update?

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

The topic ‘Tabs and embedded YouTube Video’ is closed to new replies.