Videos not showing in tabs on website

  • Resolved kira7

    (@kira7)


    2 years, 6 months ago

    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 15 replies - 1 through 15 (of 23 total)
  • Praveen

    (@praveenmalav09)

    Hello @kira7,

    For this, go to your youtube video on youtube then do right click on the video then click on copy embed code then paste it to the tabs description field.

    let us know if any issue.
    Thanks

    Thread Starter kira7

    (@kira7)

    Hi,

    Thank you for your reply. I tried that and add it to the text tab of WYSIWYG (and then checked via the visual tab and its showing the video), then I clicked “insert code” and the YouTube code was still showing, but then I save the whole tabs and once it refreshes it removes the code I just inserted ??

    Kind regards,Kira

    Thread Starter kira7

    (@kira7)

    Update – I even created the full HTML in a HTML program using the embedded YouTube video code as you suggested, as follows:

    ======

    <html>

    <body>

    <p>Product Video</p>
    <p> <iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/HSmVvbsHDzE&#8221; title=”YouTube video player” frameborder=”0″ allow=”accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe></p>
    <p>Testimonials Video</p>
    <p> <iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/xTfkhquJc0c&#8221; title=”YouTube video player” frameborder=”0″ allow=”accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe></p>
    <p>A non toxic powerful heavy-duty, plant-based hand cleaner.</p>
    <p>

    View M.A.T.E. Industrial Hand Cleaner     >></p>

    </body>

    </html>
    ======

    As you can see the result bottom of page at https://paradise.webfactory.com.au/videos/ under “Industrial” M.A.T.E. Industrial Hand Cleaner

    There is just whitespace where the videos should be inserted and visible.

    I am at a loss as to what I am doing wrong.

    Many thanks for any further guidance you can provide.

    Kind regards,
    Kira

    Thread Starter kira7

    (@kira7)

    Note: further to previous email, again upon saving, the YouTube code is removed and the code left behind is as follows after creating full HTML:

    ===

    <p>Product Video</p>
<p>?</p>
<p>Testimonials Video</p>
<p>?</p>
<p>A non toxic powerful heavy-duty, plant-based hand cleaner.</p>
<p>
<a target="_blank" rel="noopener" href="https://paradise.webfactory.com.au/shop/mate-industrial-hand-cleaner/">
<em>View M.A.T.E. Industrial Hand Cleaner</em></a> >></p>

    ===

    Praveen

    (@praveenmalav09)

    Hi @kira7,

    Please follow the below steps:

    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]);

    Then let us know

    Thank you

    Thread Starter kira7

    (@kira7)

    Hi,

    I did as you said and it returned the following error after hitting “save”

    ===
    Unable to communicate back with site to check for fatal errors, so the PHP change was reverted. You will need to upload your PHP file change by some other means, such as by using SFTP.
    ===

    I had been communicating with someone via your email address however they have since not replied after I sent them WordPress logins (nor do I see that they have accessed the site).

    Really wanting to get this working. All the other tabs I have created are working great – just not the videos.

    Many thanks.

    Nat ??

    Praveen

    (@praveenmalav09)

    Hi @kira7

    You can update this file via Cpanel or the file manager plugin.

    Thanks

    Thread Starter kira7

    (@kira7)

    Hi @praveenmalav09

    Thanks ever so much! Worked perfectly upon editing file via cPanel.

    I cannot thank you enough for your help!

    Have a lovely day!

    Kind regards,
    Nat ??

    Praveen

    (@praveenmalav09)

    Hi @kira7

    Glad that your issue has been resolved. If you like our plugin please rate us.

    Thanks

    Thread Starter kira7

    (@kira7)

    Hi, I have already given you an awesome rating as I absolutely love your plugin! ??

    Just 2 other issues if I may?

    1. On 1 single product page, you will see that the border outline is missing for some reason (on both desktop and mobile). I have compared the page setup to the other products and nothing is different – see https://paradise.webfactory.com.au/shop/unscented-shampoo/

    See compared to https://paradise.webfactory.com.au/shop/mate-supa-caps/ where there are lines around the tabs.

    Thanks.

    Nat ??

    Thread Starter kira7

    (@kira7)

    Just one other thing also,

    If there anyway to change the colour lines around the tabs and boxing when using bordered version of tabs?

    eg https://paradise.webfactory.com.au/shop/premium-pet-minerals/
    Instead of a grey border, would ideally like #006600

    Thanks.

    Nat ??

    Praveen

    (@praveenmalav09)

    Hi @kira7,

    Please follow the below steps:

    Step 1: Go to plugin > plugin editor.

    Step 2: Select the “Tabs Responsive” plugin to edit the dropdown.

    Step 3: Go to template > content.php
    line no. 52, 53, 54 replace, this code

    $tab_border_color = ColorDarken($tabs_title_bg_clr,19);
$selected_tab_border_color = ColorDarken($select_tabs_title_bg_clr,25);
$tab_content_border_color = ColorDarken($tabs_desc_bg_clr,25);

    by this code

    $tab_border_color = "#006600";
$selected_tab_border_color = "#006600";
$tab_content_border_color = "#006600";

    Then let us know

    Thank you

    Thread Starter kira7

    (@kira7)

    OK great.

    And one final thing. Do you happen to know the code both in the tab and css stylesheet that needs to be entered to make the videos in the tabs responsive?

    The Youtube videos in the tabs on mobile are getting cut off so I would like the videos to resize depending on the device.

    I appreciate this may not be an actual “plugin-specific” question however I thought you might have the perfect code that would work. I have tried numerous suggestions on Google and none are working.

    Many thanks.

    Nat ??

    Thread Starter kira7

    (@kira7)

    Hi again,

    OK – so I got the perfect code to make YouTube videos responsive – your tabs just aren’t playing nicely with that code however ??

    I am working with Avada Handmade template and their support gave me code to put into your tabs to make the Youtubes responsive however it worked on the first tab when you load page https://paradise.webfactory.com.au/videos/ (first section, Immune Support) and video was responsive (was so excited!). Then clicked on 2nd tab and just blank (despite identical code, just different Youtube ID), and then clicked back to first tab and it is blank ??

    Why won’t the code work on more than 1 tab, and then won’t even work upon returning to that tab.

    Really frustrating. Any ideas?

    Its not the code that they gave me that is the issue, its the tabs because I entered the code on a test page (outside of tabs) and it works absolutely perfectly
    See https://paradise.webfactory.com.au/test/

    Here is the code:

    [fusion_youtube id=”S5FyS7tQuUw” alignment=”center” width=”500px” height=”” autoplay=”false” api_params=”” title_attribute=”” video_facade=”” margin_top=”” margin_bottom=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” css_id=”” structured_data=”off” video_upload_date=”” video_duration=”” video_title=”” video_desc=””][/fusion_youtube]

    I really need to find an answer to making these videos responsive in your tabs because everything I try seems to have a similar result – your tabs don’t render the video responsively or it just comes up blank when responsive code it used either just directly in the tab (like Avada code supplied), or in the tab plus adding some CSS to the stylesheet.

    I would really like to just use the Avada code as it does work perfectly, just need to get it working in your tabs ??

    Please advise as love your tabs, want to keep using them, but I gotta get these tabs with videos working responsively as you can appreciate.

    Thanks.

    Nat ??

    Praveen

    (@praveenmalav09)

    Hello @kira7,

    You are using another plugin or changing the working of our plugin via custom code. so it’s not our plugin issue. We provide a description box in tabs, not the content you can put any type of content inside this. Youtube video working well without tabs and with tabs on the website page so it’s not our plugin issue. You need to contact who provides you with a solution for this.

    Thanks

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