Home Forums Particles Support JL Video Background blurry

Viewing 13 posts - 1 through 13 (of 13 total)
  • Avatar
    Phyrun Heng
    Subscriber

    Hello, I purchased the particles package recently and really love all the particles. The video background works nice but any videos I use turns out blurry. I’adjusted the quality to High but no luck. Here’s my website http://www.hairdeluxelodi.com
    I have the video loaded on the main page. I’ve tried various videos and it’s all blurry. Here’s the same website on WIX and you can see the background video is high resolution. https://phyrun7.wixsite.com/hairdeluxe Any help is appreciated. Thank you.

    Avatar
    Tony
    Moderator

    Hi Phyrun,
    Could you please follow this topic https://joomlead.com/forums/topic/jl-video-background-volume-and-controls/#post-162209 and let me know if it helps ?

    Avatar
    Phyrun Heng
    Subscriber

    Thanks for your response. Unfortunately, replacing those files did not work. It’s still blurry. I have cleared Gantry cache, recompiled CSS, cleared browser cache, used a different browser, used incognito mode and the video is still blurry. I noticed that now there’s a class YTPOverlay raster background: images/raster.png, which overlays the video but the video underneath is still blurry. Thank you.

    Avatar
    Tony
    Moderator

    Hi Phyrun,
    I just added the JL Video background 2.0.4 with the option to remove the Raster feature and update js/css script to newest version.

    Did you change the Quality for video before ? See https://imgur.com/a/rXgKwYE

    You can check the video background directly via developer website here

    Avatar
    Phyrun Heng
    Subscriber

    Thank you Tony, I have updated to the latest js/css and i do see the Raster option now. Video is still blurry so I’ll see if I can contact the developer. Thank you.

    Avatar
    Tony
    Moderator

    You’re welcome.

    Avatar
    Phyrun Heng
    Subscriber

    Hello Tony,
    The developer said the following which makes sense but since this is integrated with Joomla and Gantry, I’m not sure how it correlates into the framework. Currently, I use g-features as the element ID and I put all my particles in this section because I want a background for the whole page. Perhaps not meant to do it that way. I couldn’t find how to put the video background on the whole page instead of sections. In Gantry, is there a body section that correlates to the element ID?

    “Hi,
    Did you try to set the “body” as containment of the YTPlayer?

    Your video is blurry because is set as background of a very high container causing the inclusion of a really big iframe to fit the containment. The youtube iframe in your case is: 8901px x 5006.4px and the video definition is lower.

    Setting the “body” as containment the max height would be the windows height and the iframe would be the right dimension.”

    Avatar
    Tony
    Moderator

    Hi there,
    Could you please set the id to g-page-surround and let me know if it works for this case ?

    “In Gantry, is there a body section that correlates to the element ID?”
    You can create your custom ID for body element :), see http://docs.gantry.org/gantry5/configure/page-settings#body-attributes

    Avatar
    Phyrun Heng
    Subscriber

    I have set the id to g-page-surround and the video doesn’t appear. It seems to exist behind other elements as my Internet Download Manager(IDM) senses that a video exist and gives me the option to download a video. I have tried removing the default “gantry” class from the body to see if that makes a difference to see if some other CSS is perhaps overlapping the video. I’ve left the changes I made so you can view the page source on the website and see that it’s not working even with this g-page-surround ID encompassing the whole page. From the Gantry Doc and the developer, it should be working but it seems hidden behind other things.

    Avatar
    Tony
    Moderator

    Hi Phyrun,

    I will do a test in local and let you know the result soon

    Avatar
    Tony
    Moderator

    Hi Phyrun,
    Video background working but the background color assigned for some sections that why you can not see the video background appear.
    For this case, please set your section you wish to show video as background with background color transparent, like so rgba(0, 0, 0, 0)

    Avatar
    Phyrun Heng
    Subscriber

    Nice. Once I set the section background to transparent, I see the video now but it’s still blurry. Do you get your video to be sharp?

    Avatar
    Tony
    Moderator

    No, its same. Could you please ask the developer to check your current settings so he can provide the solution if any ?

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.

We just released an update for Gantry5 Particles. 2.0.5 is a huge update with new features and bug fixes. Full Changelog
Hurry up before it's too late. GET 50% OFF on all products - Use Coupon Code Black50 at Checkout Join Us Now