Hello!
Am I just going off the deep end with this idea? This puzzle is driving me towards a very stiff drink. 😆
I have a number of TikTok videos (not a feed) that are Embed code. Like the example below:
<blockquote class="tiktok-embed" cite="https://www.tiktok.com/@pronti.app/video/7254262996971654406" data-video-id="7254262996971654406" style="max-width: 605px;min-width: 325px;" > <section> <a target="_blank" title="@pronti.app" href="https://www.tiktok.com/@pronti.app?refer=embed">@pronti.app</a> Here’s your quick step by step guide on how to use (and master😉) your favourite outfitmaker app! <a title="fyp" target="_blank" href="https://www.tiktok.com/tag/fyp?refer=embed">#fyp</a> <a title="foryou" target="_blank" href="https://www.tiktok.com/tag/foryou?refer=embed">#foryou</a> <a title="outfitideas" target="_blank" href="https://www.tiktok.com/tag/outfitideas?refer=embed">#outfitideas</a> <a title="style" target="_blank" href="https://www.tiktok.com/tag/style?refer=embed">#style</a> <a title="fashionhacks" target="_blank" href="https://www.tiktok.com/tag/fashionhacks?refer=embed">#fashionhacks</a> <a title="pronti" target="_blank" href="https://www.tiktok.com/tag/pronti?refer=embed">#pronti</a> <a target="_blank" title="♬ FEEL THE GROOVE - Queens Road, Fabian Graetz" href="https://www.tiktok.com/music/FEEL-THE-GROOVE-6769046027488987137?refer=embed">♬ FEEL THE GROOVE - Queens Road, Fabian Graetz</a> </section> </blockquote> <script async src="https://www.tiktok.com/embed.js"></script>Ideally, I would create a card grid or block grid and have an image or text that a user would click that would launch the lightbox with the Embed code.
The HTML doesn't seem to launch in a lightbox
The lightbox doesn't launch from a card?
Video wall and stacks seem to be geared to youtube and vimeo
It has to be pretty on mobile :)
I welcome thoughts and ideas on how to accomplish this!
Cheers