Salient + video

  • Resolved vi54

    (@vi54)


    9 months ago

    Pods are awesome! Especially when you understand that this is free. I hope you gain some money, because this is truly a great addition to WordPress.

    I am using salient theme and pods. Everything looks truly great and works out of the box. However, using a video shortcode from salient breaks the grids/columns. Not sure where it goes wrong, I do assume salient, but you never know, thats why I post it here.

    Due to NDA I can not show a public url.
    Is there a way to contact in private?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Scott Kingsley Clark

    (@sc0ttkclark)

    You can always share that on our Slack via DM (https://support.pods.io/chat/) or via email scott (at) (our domain).

    Plugin Support Paul Clark

    (@pdclark)

    As Scott said, you’re welcome to reach out for specific support. Regarding the video element, you can likely resolve it by inspecting the video element with the browser Web Inspector. Looking at the CSS attributes for the <video> element or <iframe>, you will likely be able to get it to fit into the containing grid by setting display to block, width to 100%, and height to auto.

    If it is an iframe instead of video tag, that can be challenging to calculating automatic height. Solutions for that case sometimes involve JavaScript, or CSS calc() to calculate a height based on an aspect ratio.

    Thread Starter vi54

    (@vi54)

    Thanks for your help. It appeared to be a “bug” inside of the Salient theme, which they will address. Some modules only generate css on demand.

    Incase of anyone landing on this question:

    This code fixes the issue.

    .nectar_video_player_self_hosted .wpb_wrapper video,
.nectar_video_player_self_hosted__overlay {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    box-sizing: border-box;
    visibility: visible;
    object-fit: cover;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Salient + video’ is closed to new replies.