Guest Posted January 13, 2021 Share Posted January 13, 2021 Hi there, I am looking to create the same effect as displayed on this website:https://www.visuals-internationals.com/?skip-intro Desired effect: - Still image of video when mouse is not hovering over it - Video preview when hovering + revealing the title - video preview stopping when mouse is not hovering anymore - Click through to actual video page Thank you! Link to comment
tuanphan Posted January 17, 2021 Share Posted January 17, 2021 Can you share your site url? Which plan do you use? smwearehair 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Rockwood-Sessions Posted October 22, 2021 Share Posted October 22, 2021 I wanted to do the same thing here. My site URL is rockwoodsessions.com and I have a Business Plan Link to comment
tuanphan Posted October 25, 2021 Share Posted October 25, 2021 On 10/22/2021 at 11:17 PM, Rockwood-Sessions said: I wanted to do the same thing here. My site URL is rockwoodsessions.com and I have a Business Plan I answered your private message. You can check. smwearehair 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
gcerceo Posted May 11, 2023 Share Posted May 11, 2023 What was the code for this effect? I'm using portfolio hover:fixed, and would like to have two of the titles preview an auto-playing loop video. I have them with gifs right now, it could look better as a plain mp4. www.grahamcerceo.com/portfolio-test Link to comment
tuanphan Posted May 14, 2023 Share Posted May 14, 2023 On 5/11/2023 at 10:02 PM, gcerceo said: What was the code for this effect? I'm using portfolio hover:fixed, and would like to have two of the titles preview an auto-playing loop video. I have them with gifs right now, it could look better as a plain mp4. www.grahamcerceo.com/portfolio-test The url doesn't work Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
gcerceo Posted May 16, 2023 Share Posted May 16, 2023 www.grahamcerceo.com is my index. Link to comment
tuanphan Posted May 20, 2023 Share Posted May 20, 2023 On 5/17/2023 at 1:37 AM, gcerceo said: www.grahamcerceo.com is my index. You mean hover on each titles > Show video, instead of static image? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
gcerceo Posted May 22, 2023 Share Posted May 22, 2023 Correct. A video that's autoplaying. I will upload a video into SS, once I have the code Link to comment
gcerceo Posted May 22, 2023 Share Posted May 22, 2023 If I wanted to swap the portfolio:hover layout to grid:overlay, is there a way I could I use an autoplaying mp4 as the thumbnail? Using a looping gif of frames from the video, I'm playing around with as the thumbnail. Link to comment
tuanphan Posted May 25, 2023 Share Posted May 25, 2023 On 5/22/2023 at 8:58 PM, gcerceo said: Correct. A video that's autoplaying. I will upload a video into SS, once I have the code How about using Gif image? It will be easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Mindaugas Posted February 17 Share Posted February 17 Hey @tuanphan I was browsing through the entire squarspace forum page but couldn`t find the right solution or a code to have video previews when hovering over the image. I have a business plan. Is this some kind of combination of CSS/HTML and Java scripts? At least that`s what chatgpt tells me. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment