Video background in section/column not working

Home Forums Jevelin Theme Video background in section/column not working

Home Forums Jevelin Theme Video background in section/column not working

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • FS_DE
    Participant

    Hello,

     

    I would like to add a video to the background of a section or column, but it’s not working. I’m adding the full link to an mp4 in my media library in the section/column background field, but end up having an empty container where the video should be.

     

    The theme is up to date. Please advise how to fix this problem.

    Attachments:
    You must be logged in to view attached files.

    FS_DE
    Participant

    Actually it seems to be working on desktop when I add a certain level of whitespace to display the video, but not on mobile.

     

    On chrome mobile the video in the column background is not visible.

    Hi @FS_DE,

     

    I hope you are well today and thank you for your question.

     

    Could you please share me the page URL from your site where it is not displaying so that I can troubleshoot it?

     

    Best regards,
    Shufflehound team

    FS_DE
    Participant

    I’m sharing the link, the video is in the DATENEXTRAKTION section.

    I visited your shared site and the video is displaying fine for me as shown in the attached screenshot.

     

    Which browser are you using?

     

    Could you please try using a different browser?

    Attachments:
    You must be logged in to view attached files.

    FS_DE
    Participant

    We tested on mobile chrome, safari, both Android and iOs. On Android chrome the video was appearing from time to time. On the other browsers/systems was not visible.

    Attachments:
    You must be logged in to view attached files.

    You can try resolving it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .sh-column video {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translate(-50%, -50%) !important;
    }
Viewing 7 posts - 1 through 7 (of 7 total)