Guest Posted August 19, 2020 Share Posted August 19, 2020 Site URL: https://marcotronconi.com/ Hello there, I'm new into coding. In my website https://marcotronconi.com/ I would like to add a line of code that plays the thumbnail video (see the upper first thumbnail) only when overing with cursor and returns as a static image when not overing. (similar to the current youtube thumbnail experience..) The url for the YT video is https://youtu.be/rZBLXaa4cgw The media (so the url) is pasted in: Page setting> media Will the code be injected in page settings > advance / or / as a "code" content block inside the interested page? I have the personal plan, so i can only use css. Thanks a lot, and greetings from Italy, Marco Link to comment
rwp Posted August 19, 2020 Share Posted August 19, 2020 You can't. Squarespace will not allow video uploads directly, and you can not control what is inside an iframe with code from your site. Link to comment
rwp Posted August 19, 2020 Share Posted August 19, 2020 You can't control gifs either, but you can set the figure's background to a gif and hide/show the static image on hover. Link to comment
Guest Posted August 20, 2020 Share Posted August 20, 2020 @rwp Here's a YT tutorial similar to what i need to achieve. The biggest difference is that i need to put static image and gif as thumbnail of a page, so exterior from the page itself (see https://marcotronconi.com/ thumbnail I am reffering to are the "cover images" form the clickable page) Where should i code inject? From design > custom Css / or / as a "code" content block inside the interested page? Thanks Link to comment
baxley Posted September 13, 2020 Share Posted September 13, 2020 Any movement on this? Seems like it would be simple enough to add a button 'play on mouse over' where you insert the youtube/vimeo url.... THANKS IN ADVANCE SQUARESPACE Link to comment
rwp Posted September 13, 2020 Share Posted September 13, 2020 (edited) OK, I was finally able to figure this out with youtubes API. I have a client that requested something similar, so I had to really get into this...... https://codepen.io/r-w-p/pen/KKzeVmb Currently not working 100% in firefox, you have to click play to get it to start working. Not sure whats up with that yet. Edit: fixed on firefox...... I hope..... Edited September 13, 2020 by rwp dnmddy 1 Link to comment
baxley Posted September 18, 2020 Share Posted September 18, 2020 On 9/13/2020 at 12:56 PM, rwp said: OK, I was finally able to figure this out with youtubes API. I have a client that requested something similar, so I had to really get into this...... https://codepen.io/r-w-p/pen/KKzeVmb Currently not working 100% in firefox, you have to click play to get it to start working. Not sure whats up with that yet. Edit: fixed on firefox...... I hope..... eh... shows a play button and when mouse isn't over it shows 'other videos' etc. Not very visually appealing. Link to comment
rwp Posted September 18, 2020 Share Posted September 18, 2020 3 minutes ago, baxley said: eh... shows a play button and when mouse isn't over it shows 'other videos' etc. Not very visually appealing. Those are limitations of the YouTube API. Squarespace will not let you host videos, short of setting up your own hosting, that's about what we are limited to. Link to comment
JohannesB Posted January 1, 2021 Share Posted January 1, 2021 Hi guys! I came across your thread after searching for a similar solution for my Squarespace website. This is my inspiration: https://www.marker.net/en/alpinist/ @rwp, did you get any progression on this thing or did you "settle" for the youtube version you made? It's already quite nice, but yes a bit annoying with the YT texts and buttons. Link to comment
wakefilms Posted January 11, 2023 Share Posted January 11, 2023 On 1/1/2021 at 2:56 AM, JohannesB said: did you get any progression on this thing or did you "settle" for the youtube version you made? or possibly any progress through vimeo? Link to comment
jberling Posted July 21, 2023 Share Posted July 21, 2023 On 1/11/2023 at 9:15 PM, wakefilms said: or possibly any progress through vimeo? yeah an integration like that with vimeo would be awesome. Link to comment
worldwideweb Posted November 7, 2023 Share Posted November 7, 2023 Hey, I know it's literally 2 years later but now that SQSP hosts video is it possible to adapt that codepen to use SQPS's video instead of Youtube? DROP US AN EMAIL IF YOU NEED MORE HELP. I'LL TRY TO REPLY ASAP. ☻ HOW TO ACCESS CUSTOM CSS 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