Tiktok embed video is not working

Can you provide us the URL link of your site? We will check it and let you know back.

Hi, Ahmed. Here is the link to the AMP page with tiktok embed video: https://hourhands.xyz/hello-world/amp/

Hi @ahmedkaludi, any thoughts?

Can you please share the TikTok video Iframe src? we will check & let you know back.

@ahmedkaludi embeded block iframe src: https://www.tiktok.com/embed/v2/6935096965352967429?lang=en-GB
from post https://hourhands.xyz/hello-world/

• This reply was modified 3 years, 8 months ago by ThemesCraft.co.

We could not able to embed the URL which you have shared. do verify it once & send us the valid one.

Ref screenshot: https://prnt.sc/10ov0oy

@ahmedkaludi Sorry, I provided url from iframe src attribute generated on the post page.
The right url for embed block: https://www.tiktok.com/@strykerthecat/video/6935096965352967429

Can you please add the below script at the end of the blockquote? do check it once and let us know back.

<script async src=”https://www.tiktok.com/embed.js”></script&gt;

Let us know back if it works .

@ahmedkaludi This script will be stripped in AMP version, it works only for non-amp pages.

We have already added the compatibility of TikTok and it’s working well for users as well. we tested it in our localhost too.

you can see that working functionality code in below:

public function ampforwp_tiktok_video_support($content){
if(preg_match(‘/<blockquote(.*?)(https?:\/\/(?:www\.)?(?:tiktok\.com\/@(.*?)\/video\/\d+))(.*?)data-video-id=”(.*?)”(.*?)<\/blockquote>/i’, $content,$matches)){
if(isset($matches[5])){
$src = ‘https://www.tiktok.com/embed/v2/&#8217;.$matches[5].’?lang=en-US’;
$iframe = ‘<iframe src=”‘.esc_url_raw($src).'” width=”375″ height=”820″ allow=”fullscreen”></iframe>’;
$content = preg_replace(‘/<blockquote(.*?)(https?:\/\/(?:www\.)?(?:tiktok\.com\/@(.*?)\/video\/\d+))(.*?)data-video-id=”(.*?)”(.*?)<\/blockquote>/i’, $iframe, $content);
}
return $content;
}
}

I am having this same issue. I am replying here as its relevant to the existing support thread, though I can create a new one if absolutely necessary.

My client as a TikTok video embedded on this page:

https://horse-canada.com/horse-news/runnin-dunkin-sneaking-meds-zoe-quarter-horse/

Here is the AMP version:

https://horse-canada.com/horse-news/runnin-dunkin-sneaking-meds-zoe-quarter-horse/amp/

I have examined the function posted above and note the preg_replace however shouldn’t it be replacing the standard generated blockquote/iframe from TikTok with amp-iframe and then the script with amp-script?

I am getting a validation error in Google Search Console saying that there is custom javascript on the page due to the <script async src="https://www.tiktok.com/embed.js"></script>. This wouldn’t be happening if it was replaced with amp-script I think.

• This reply was modified 3 years, 6 months ago by thewebdeveloperllc.
• This reply was modified 3 years, 6 months ago by thewebdeveloperllc.

zach21uk: As per forum guidelines, Please create a new topic.