Shopify themes, liquid, logos, and UX
Im trying to embed this code from vidello but its not sitting in my blog as anything but a straight thin line ! ive removed the text upto <iframe but it just puts it at the top of the frame . im not someone whos great with code so any help appreciated.
<div id="llo_cruahoo93jpmlogz" style="position:relative;padding-bottom:3px;"><iframe id="llo_fcruahoo93jpmlogz" src="//embed.vidello.com/961/cruahoo93jpmlogz/player.html" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;border:none;"></iframe><div style="padding-top:56.25%;"></div></div><script type="application/ld+json">{"@context": "http://schema.org","@type": "VideoObject","name": "biab application video for blog","description": "This video contains biab application video for blog","thumbnailUrl": "https://embed.vidello.com/961/cruahoo93jpmlogz/video/splash.jpg","uploadDate": "2024-09-15T11:13:05.000Z","duration": "P0D"}</script>
Hi @xmelaniex 👋 iframes, and or absolute positioned elements, need a defined height:
style="position:absolute;top:0;left:0;width:100%;height:100%;border:none;"
should be:
style="position:absolute;top:0;left:0;width:100%;height:300px; border:none;"
Also see this for other approaches
https://stackoverflow.com/questions/325273/make-iframe-to-fit-100-of-containers-remaining-height
Keeping in mind that will be the height on all device types.
Well made services should have additional info on how to properly integrate there service.
If you need this customized then contact me for services
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.
Good Luck.
Contact [email protected] for the solutions you need
Save time & money ,Ask Questions The Smart Way
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024