Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 25, 2020 at 9:20 am #1225422
    todd0218

    Hello,

    I am currently running Enfold 4.7.5 and did not see this covered in a future release.

    On my website I am developing in the top of the site I am using the color section with a background video which works fine. However towards the bottom of my site I added a video element and the video element when added causes my background video to become a weird video overlay on the top of my background video in the color section at the top. As soon as I remove the video element at the bottom the background video in the color section goes back to normal.

    Please let me know how to resolve.

    June 30, 2020 at 9:32 am #1226661
    Ismael

    Hey todd0218,

    Thank you for the inquiry.

    We don’t really see the video overlay on our end. Could you provide a screenshot of the issue?

    Best regards,
    Ismael

    July 8, 2020 at 3:48 pm #1228901
    todd0218

    Hello Ismael,

    Sorry I had to find an alternative to launch the website but I brought it back on the staging environment for you to review:

    Home

    you can see the color section at the top looks all messed up with the background video which is caused as soon as I added the video element on the bottom of the site.

    July 10, 2020 at 11:22 am #1229380
    Ismael

    Hi,

    Thank you for the update.

    The video inside the color section is different from the video at the bottom of the page. There is a common scene in both videos, which is probably why they look the same at first glance, but they are completely different. (see private field)

    Best regards,
    Ismael

    July 10, 2020 at 4:51 pm #1229452
    todd0218

    Hi Ismael,

    I think you are misunderstanding the issue. Regardless of what video is in the top color black and the bottom video section, as soon as I add any video in a video section (like i did at the bottom), it breaks the color block background video at the top and makes the video appear in some weird tile.

    You can delete the video section at the bottom and you will notice the color block background video starts working again as intended.

    See my screen shot to see how the video section at the bottom of the site is impacting the color block with background at the top in these weird tiles:

    http://lifelivingstag.wpengine.com/wp-content/uploads/2020/07/Screen-Shot-2020-07-10-at-10.44.48-AM.png (hosted on WPengine)

    July 13, 2020 at 5:08 am #1229825
    Ismael

    Hi,

    Thank you for the clarification.

    The video doesn’t display properly because an inline styling is being applied to it.

    element {
	width: 480px;
	height: 270px;
	min-width: 179px;
}

    To fix the issue temporarily or to override the unwanted styling, we added this css code in the Quick CSS field.

    .avia-slide-wrap .mejs-container {
	width: auto !important;
	height: auto !important;
	min-width: auto !important;
}

    We are not able to reproduce the issue on our local installation, so it’s probably cause by a plugin or a custom script.

    Best regards,
    Ismael

    September 17, 2020 at 11:21 pm #1246609
    todd0218

    thanks so much ismael this indeed solved my problem!

    September 18, 2020 at 7:15 am #1246658
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Problem using both Color section with background video and video media element’ is closed to new replies.