Custom component to embed iframe content

Mateo XRP Posted in Component Development 4 years ago

I'm looking for a custom component that would allow you to embed iframe content within your postings (instead of as a link). I'm specifically looking to be able to imbed playable videos from Bitchute and Cinnamon.Video within postings.

Replies
us Roman Lohov Replied 4 years ago

Step 2. you know what to do. Yep replace.

https://github.com/madromas/ossn/blob/master/ossnembed.lib.php

us Roman Lohov Replied 4 years ago

Here it goes:

Step 1

Open: /components/OssnEmbed/ossn_com.php

Find:

'/(https?:\/\/)(player\.)?(vimeo.com\/video\/)([0-9]*)/',

Add after:

'/(https?:\/\/)(www\.)?(tiktok.com\/embed\/)(.*)/',
us Mateo XRP Replied 4 years ago

Yeah that is fine. Thanks Roman.

us Roman Lohov Replied 4 years ago

When posting it this will not work https://www.tiktok.com/@willsmith/video/6829090092984929541

You will have to erase /@user/video and replace that with /embed/

So https://www.tiktok.com/embed/6829090092984929541 - manually add when posting.

That's the only way it will work... Cool?

us Mateo XRP Replied 4 years ago

Let me know what I need to add. Thanks.

us Mateo XRP Replied 4 years ago

That is fine for my purposes Roman. Much appreciated!

us Roman Lohov Replied 4 years ago

That's as good as it gonna get. From crappy website to a crappy video. enter image description here

us Roman Lohov Replied 4 years ago

That pile of garbage woun't work.

I'l try this instead.

<iframe width="340" height="700" src="https://www.tiktok.com/embed/6726553443009383682" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen"></iframe>

Man, what a terrible website.

us Mateo XRP Replied 4 years ago

Yeah I don't use it personally I'm just trying to give my users the ability to embed from many sources.

Here is an example:

<blockquote class="tiktok-embed" cite="https://www.tiktok.com/@willsmith/video/6829090092984929541" data-video-id="6829090092984929541" style="max-width: 605px;min-width: 325px;" > <section> <a target="blank" title="@willsmith" href="https://www.tiktok.com/@willsmith"@willsmith</a> <p>I don’t remember making this...? @chrisashley</p> <a target="blank" title="♬ Wipe It Down - BMW KENNY" href="https://www.tiktok.com/music/Wipe-It-Down-6820654145293273090"♬ Wipe It Down - BMW KENNY</a> </section> </blockquote> <script async src="https://www.tiktok.com/embed.js"</script>

us Roman Lohov Replied 4 years ago

Don't know tiktok. They have videos? I thought it was a website for teenagers to post their selfies like instacrap?

Provide a video link, I will see. And by video I mean how they embed it example like u did with cinnamon.