Home › Forums › Particles Support › JL Video Background blurry
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.
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 ?
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.
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
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?
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.”
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
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.
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)
You must be logged in to reply to this topic.