• Resolved kira7

    (@kira7)


    Hi ๐Ÿ™‚

    Not sure what I have done wrong however I have embedded videos in tabs using the WYSIWYG option when creating the tab. When in WYSIWYG I clicked on “Add Media” button and used “Insert From URL” option, entered the direct YouTube link to video and saved. The Tab under “Visual” in WYSIWYG mode shows the video working perfectly.

    Here is the code that is generated (when viewing under “text” tab in WYSIWYG):
    ====================================================
    [embed]https://youtu.be/9xsLKk92YRU[/embed]

    M.A.T.E. Immune Support is a unique Immune Support supplement rich in antioxidants, beneficial Melaleuca Alternifolia leaf extracts, and immune-boosting minerals like zinc and selenium.

    View M.A.T.E. Immune Support here >>
    ====================================================

    So I saved the tab contents and then inserted each of the TAB IDs on this page – https://paradise.webfactory.com.au/videos/ – and the text I created under each tab is showing, but not the video ๐Ÿ™

    Can anyone advise why videos are showing as working via the “visual tab” on WYSIWYG but not showing on the actual website.

    Many thanks in advance for anyone whom can assist. Have a great day!

    Kind regards,
    Kira

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

Viewing 8 replies - 16 through 23 (of 23 total)
  • Thread Starter kira7

    (@kira7)

    Hi,

    I am using the Avada template and have activated your plugin on that template. Thats all I have done. I haven’t modified any custom code except to enter in the Avada code I sent you a copy of – the code was provided as a courtesy by Avada support in an attempt to get the YouTubes resizing in your tabs given their inbuilt tabs automatically are responsive as they have a special YouTube element you can place in them, but I elected to use your tabs as they look so much nicer and work much better on mobile.

    I have now removed Avadas YouTube code so if you visit any of the videos at https://paradise.webfactory.com.au/videos/ is just a default insert of the standard YouTube into your tabs code eg
    <iframe title=”YouTube video player” src=”https://www.youtube.com/embed/9xsLKk92YRU&#8221; width=”560″ height=”315″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe><br>

    Yes they look great on desktop, however, on mobile your tabs don’t resize the videos at all and thus on mobile, the right side of the video is cut-off. Which makes sense given the original YouTube code doesn’t accommodate responsiveness in that code.

    My original question was do you have a workaround eg some code that can be entered into your tabs with the YouTube code in order to make the YouTubes responsive for mobile.

    Avada cannot offer a solution except what they tried eg their code, given I am using your tabs plugin.

    So do you have an option eg code that enables your tabs to show responsive YouTubes?

    Many thanks for your time.

    Kind regards,
    Nat ๐Ÿ™‚

    Thread Starter kira7

    (@kira7)

    Hi,

    Don’t worry about it. I may have to look at using other tabs after all this as I really need tabs responsive unfortunately given for whatever reason you tabs can’t seem to draw on any info reference in them from the stylesheet – thats all they had to do. Thanks anyhow.

    Thread Starter kira7

    (@kira7)

    Update – decided to just modify size of video across all tabs to 426 x 240 pixels so large enough in desktop view but fits into mobile view. Shame your tabs can’t utilise CSS but I do understand they have their limitations. They are still fantastic however ๐Ÿ™‚

    Oh and the code to change border colour worked perfectly – many thanks for your time and assistance with everything ๐Ÿ™‚

    Plugin Support Praveen

    (@praveenmalav09)

    Hi @kira7,

    Glad that your issue has been resolved.

    Thanks

    Thread Starter kira7

    (@kira7)

    Hi,

    I have just realised the last 2 videos I have inserted using the following code (below), upon saving, just gets deleted? Help! Why isn’t this code saving anymore? I have used the same code across dozens of products but suddenly now its not saving.

    ===
    <iframe title=”YouTube video player” src=”https://www.youtube.com/embed/HSmVvbsHDzE&#8221; width=”426″ height=”240″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe>
    <p></p>
    ===

    Please advise urgently.

    Thanks.

    Thread Starter kira7

    (@kira7)

    PS I just went to update a video reference in a previously working tab, hit save, and now the code is all gone too… please provide urgent fix as need to have code not deleting itself upon saving. Thanks.

    Thread Starter kira7

    (@kira7)

    Hi, Your module is very frustrating ๐Ÿ™

    You had given me code to stop YouTube code literally disappearing on saving

    ====

    Step 1: Go to plugin > plugin editor.
    Step 2: Select the โ€œTabs Responsiveโ€ plugin to edit the dropdown.
    
    Step 3: Go to inc > admin > data-post > tabs-save-data.php
    line no. 13 replace, this code
    
    $tabs_desc = stripslashes(wp_kses_post($_POST['tabs_desc'][$i]));
    
    by this code
    
    $tabs_desc = stripslashes($_POST['tabs_desc'][$i]);

    =====

    which I have had to re-enter these changes every single time you update your plugin. That was manageable, though frustrating as I don’t understand why this change isn’t made into your actual plugin so its in the plugin with each upgrade…..

    Anyhow, so upon your latest plugin update, I just went in and once again changed the code because I need to add more videos to tabs yet despite the code being modified as you instructed, I inserted the same code I have inserted across dozens of tabs and soon as I save now the code gets completely deleted from the tab….

    Please advise…

    Thanks.

    Thread Starter kira7

    (@kira7)

    Just an update on previous email – since updating the code as per instructions (which in fairness worked every time except now), now I have just gone to Tabs Responsive plugin, opened one of the tabs I had created previously, went to the video tab and its completely blank…. – and nothing. Every single pre-created tab that I had code in to show a video is now blank.

    Please advise if you can provide a permanent solution for this ongoing, time-wasting issue otherwise I will have to find another plugin.

    Thanks.

    Nat

Viewing 8 replies - 16 through 23 (of 23 total)
  • The topic ‘Videos not showing in tabs on website’ is closed to new replies.