Okay
  Public Ticket #3202696
Mobile Video player dimensions
Closed

Comments

  •  1
    tonicanog started the conversation
    January 7, 2023 at 12:16pm

    Hi there,


    Is it possible to change the video player dimensions on mobile while playing vertical videos?


    As you can see in our site, when you play vertical videos on mobile it looks very small and don’t display full size. It’s needed to expand it to watch it correctly.


    Thanks.

  •  1,877
    Judith replied
    January 9, 2023 at 4:46am

    Hi There,

    Thanks for keeping in touch.

    Please try adjusting this css padding to adjust the video aspect ratio:

    .wpb_video_widget.vc_video-aspect-ratio-916 .wpb_video_wrapper {
        padding-top: 221.77% !important;
    }

    Thanks.

  •  1
    tonicanog replied
    January 9, 2023 at 6:15pm

    Hi there,

    I’m not referring to the website view. I need to change it once you click on play. Let me attach you a screenshot.


    It’s on view mode. Vertical videos dont display with a vertical viewer, they still show horitzontal so must be expanded to play it correctly.

    Attached files:  9AB5FAA1-6D31-41F3-A03E-F31E2AEF460C.png

  •  8,839
    Tahir replied
    January 10, 2023 at 6:52am

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    @media only screen and (max-width: 690px) {
    .fancybox-slide--video .fancybox-content {
        min-height: 65vh !important;
    }
}

    Thanks

    ThemeNectar Support Team