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
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024