Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 4, 2024 at 9:50 pm #1429303
    clbdcnpafe

    Hello Everyone.

    First, Happy New Year to you all. Wishing you the best for the whole year…

    Now for the problem, which refers to these two web pages and the (same) video at the top of each page:

    1. https://www.npafe.org/ad-agencies-4/
    2. https://www.npafe.org/ad-agencies-3/

    Example # 1 shows how the video SHOULD appear. In this page, it is placed as a video inside a color section.
    Example #2 shows how the video appears when it is placed as background in the color section. This is the case whether the video is grabbed from a Vimeo link or from the version uploaded directly to the website.

    This same problem is now happening on a random basis in some but not all pages with videos that are incorporated as color section backgrounds. The website home page is functioning normally, with the video framed properly: see https://www.npafe.org. The video you see is from a direct upload, not Vimeo.

    How can we get the video in the second example to show properly?

    Many thanks.

    • This topic was modified 10 months, 2 weeks ago by clbdcnpafe. Reason: want to keep passwords private
    • This topic was modified 10 months, 2 weeks ago by clbdcnpafe.
    • This topic was modified 10 months, 2 weeks ago by clbdcnpafe.
    January 5, 2024 at 1:37 am #1429316
    Ismael

    Hey clbdcnpafe,

    Thank you for the inquiry.

    Did you add other elements in the Color Section element other than applying the background video? Please try to upgrade the theme from 5.6.6 to version 5.6.9, then post the login details in the private field so that we can check the issue further.

    Best regards,
    Ismael

    January 5, 2024 at 8:30 pm #1429378
    clbdcnpafe

    Hello Ismael.

    Thanks for your reply. To answer your questions and respond to your recommendations:

    1. There are no other elements in the color section.
    2. We have installed version 5.6.9.
    3. WordPress itself is fully up to date.
    4. We are providing sign-in information in the Private Content section.

    Let us know if there is more that we can do to help solve this problem.

    Thanks.

    Cliff Brody (clbdcnpafe)

    January 6, 2024 at 2:26 pm #1429405
    Mike

    Hi,
    I was not able to test your vimeo hosted video on my test site because you have set a domain restriction, but I was able to download the video and test in on my site as a color section background video and the size shows correctly, please see the link in the Private Content area.
    please remove the video domain restriction so I can test it on my site.
    As for your test page, you have a javascript error for the video: Uncaught TypeError: Cannot read properties of undefined (reading 'value')
    Enfold_Support_4331.jpeg
    The login that you provided is not an admin login so we can not examine any of the theme settings, please upgrade.
    Try disabling any caching plugins and any CDN and Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files and see if that corrects the javascript error.

    Best regards,
    Mike

    January 7, 2024 at 8:54 pm #1429491
    clbdcnpafe

    Hello Mike.

    Thanks for these suggestions.

    1. You now have administrator access to the website. Same username and password.
    2. The video in both pages has changed. The link is in the private content section.
    3. This question about the Theme Options > Performance changes: in the Child theme, main theme or both?

    Thanks.

    January 7, 2024 at 9:57 pm #1429495
    Mike

    Hi,
    Thanks, I created a duplicate of the test page because there were errors coming from other elements and I wanted to isolate the background video.
    I changed the background video to the self hosted link on this new test page and as you can see it is playing too large, but when I test the same link on my test page it is the correct size.

    Then I noticed that you had a hr whitespace in the color section set to 1400px, I removed this and now your video is playing correctly like mine.
    Please note that with the color sections you can use the min-height setting instead of adding a hr with height.

    Best regards,
    Mike

    January 8, 2024 at 5:23 pm #1429582
    clbdcnpafe

    Thank you, Mike, for the work you are doing to help us. Two questions.

    1) In your earlier comments, you recommended that we turn off Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files. Have you done that on our site or should we still do that?

    2) Regarding the errors you found in other elements, our practice generally is to create new pages by opening a new draft of an existing page. Do we do better by creating new pages and adding in templated elements? Or would those templated elements carry with them the errors you spotted?

    Best regards,

    Cliff

    January 8, 2024 at 6:13 pm #1429589
    Mike

    Hi,
    1: You can enable the theme settings if you wish, I made these recommendations to ensure the page cache was not part of the issue. If you are still creating your site, I typically recommend disabling the theme cache, and any caching plugins so you won’t be fighting with the cache after each edit when you wish to review your changes on the frontend.
    2: The errors I saw were 404 for video files, you had two other videos on the page that were hidden and I believe the links are 404, but to make my research easier I just created to new page. So I don’t believe there are any errors for you to worry about.
    BTW: If you duplicate a page with an error, like an unclosed tag, or if you create a ALB template of the same error, the error will carry over to the new page. Naturally if there are no errors then you will have no issues.
    Unless there is anything else we can assist with on this issue, shall we close this thread then?

    Best regards,
    Mike

    January 9, 2024 at 4:37 pm #1429646
    clbdcnpafe

    Thanks, Mike.

    For many reasons which we’d be pleased to explain, we’ve decided to use a video element in the color section. Before you close the ticket, this question:

    In the video player settings, we’ve turned on the “Hide Video Controls” yet when the page loads, the controls appear. How can we fix this?

    The same holds for the video lower down in the page.

    Note: we have reverted to DRAFT all the test pages we’ve been working with. The live page and password are in the Private Content.

    Thanks,

    Cliff

    January 10, 2024 at 9:02 am #1429686
    Ismael

    Hi,

    In the video player settings, we’ve turned on the “Hide Video Controls” yet when the page loads, the controls appear. How can we fix this?

    Are you using a Vimeo video? Please note that the “Hide Video Controls” option is intended to work with YouTube and self-hosted videos only. This limitation is specified in the option description.

    Check if you want to hide the controls (works for youtube and self hosted videos)

    Best regards,
    Ismael

    January 11, 2024 at 7:23 pm #1429832
    clbdcnpafe

    RE: “Please note that the “Hide Video Controls” option is intended to work with YouTube and self-hosted videos only.”, we are well aware of the limitation. We have provided all the information you need to examine the page as Administrator. If you look carefully, you will see that the video is self-hosted and has been all along.

    So the question remains: why is the player bar showing.?

    January 12, 2024 at 8:15 am #1429866
    Ismael

    Hi,

    Thank you for the clarification.

    It seems to be an issue with the avia_html5_activation script in the js > avia.js file. Please edit the file and look for this code around line 664:

    features = [ 'playpause', 'progress', 'current', 'duration', 'tracks', 'volume' ],

    Replace it with:

    features = $(this).prop('controls') ? [ 'playpause', 'progress', 'current', 'duration', 'tracks', 'volume' ] : [],

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after doing the modification. We will forward the issue to our channel.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.