Video is tiny on mobile

  • Resolved rholdstock

    (@rholdstock)


    2 years, 10 months ago

    I’ve added the video shortcode to my page via the siteorigin editor. The video lightbox looks great on desktop but on mobile it is displaying very small and doesn’t have the option to go fullscreen. I would like it to be the full size of the mobile width. Is there some conflict with SiteOrigin? Is there a work around. The shortcode I’m using is:
    [video_lightbox_vimeo5 video_id=”668640258&” width=”640″ height=”360″ anchor=”https://www.w2events.co.uk/wp-content/uploads/2022/01/showreel.jpg” alt=”Watch Our Showreel”]

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Support mbrsolution

    (@mbrsolution)

    Hi,

    Unfortunately the prettyPhoto library is not fully responsive in this plugin. The following solutions might help you.

    Solution 1: Check the following link support forum for a possible solution.

    Solution 2: You can try changing the value in the code from the following file /js/jquery.prettyPhoto.js located inside the free plugin. Change the value from 200 to 40 as illustrated in the example code below.

    if((pp_containerWidth > windowWidth)){
	imageWidth = (windowWidth - 40);
	imageHeight = (height/width) * imageWidth;
}else if((pp_containerHeight > windowHeight)){
	imageHeight = (windowHeight - 40);
	imageWidth = (width/height) * imageHeight;
}else{
	fitting = true;
};

    Solution 3: Check the following link support forum for another solution.

    Kind regards.

Viewing 1 replies (of 1 total)
  • The topic ‘Video is tiny on mobile’ is closed to new replies.