We Need Website

Blog

  • Home
  • How to
  • Hosting
  • Server
  • WordPress
  • Applications

How to Embed Tik Tok Videos Inside a html Web Page / WordPress / CMS

Posted by Praan Kumar 2 Comments

Share this

TikTok previously known as the musical app is a Social Media App for creating and sharing videos as well as live broadcasting. Tiktok is available both for Android and iPhone users launched in September 2016 by ByteDance. TikTok is the fastest growing app for sharing short music videos in Asia and also extended to the other parts of the World with more than 500 Million users.

The app allows users to create music videos, lip-sync, comedy and live broadcasting of 15 sec. Today I will explain how to embed a tiktok video inside a web page or WordPress or any other Content Management System (CMS). Before I proceed, download the tiktok app from respective app stores. For Android users Download the tiktok app from PlayStore. If you are an iPhone user then download the tiktok app from iTunes. Now follow the below steps.

Steps to Embed a TikTok Video Inside a Website

Follow the exact steps to embed a video in your website post.

Step 1: Find the video URL first

Open the TikTok App from your mobile and search a users or any video by hashtag, username or sound name. Now play the song from your app. Click on the Share button and click on Copy Link. If you know the video URL then move to the next step.

Tik Tok User lisaandlena

 

Step 2: Play the URL in any Web Browser

Now paste the copied URL in any browser. This will be redirected to the original video page and there you can play the video in a web browser. No pre-sign-in is required to play the video. Below is the snapshot.

How to Embed tik tik video in web page

Step 3: Embed the URL

Copy the below code and put the original URL which you copied from step2. Replace the src= “TikTok.com URL” with any video sources.

<div style="overflow: hidden; margin-top: -100px; margin-left: -15px;"> <iframe src="https://m.tiktok.com/v/6621886865379167494.html" scrolling="no" style="height: 600px; border: 0px none; width: 550px; margin-top: -55px; margin-left: 5px; margin-right: 0px; "> </iframe> </div>

 

For the demo, I have Embedded the same here for one of the most followed usernames @lisaandlena from Germany.

Below is an example of an embedded video from the tiktok app.

You are done. If you want a scroll the video, then remove the class scrolling=”no” class. You can also resize the height and width of the video.

Alternatively,

You can directly visit the video URL Example:
Click on Embed Button just after the Facebook and Twitter share button.
Share button on Tik tok
This will show you the embed code like below-
Tiktok embed
Copy the above code and paste it on your website.

Filed Under: applications

About Praan Kumar

Co-founder of weneedwebsite.com
Marketing Advisor, Software Tester, Webmaster, & SEO Professional.

Comments

  1. William Rojas says

    December 6, 2019 at 1:25 pm

    Nowadays, TikTok is the most viral social media platform and you have shared the great tip. Really helpful, thanks and keep sharing.

    Reply
  2. edward says

    November 17, 2021 at 1:55 pm

    This help material needs updating as it no longer works, even your example is not working.

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Technologies We Use

  • Hosting: Cloudways
  • Theme: Genesis Framework
  • Keyword Research: Semrush

Recent Posts

  • Learn How to Do Keywords Research Properly and Generate Traffic for Blogs
  • How to redirect subfolder to a new domain [No plugin required]
  • List of Instagram Photos & Videos Downloader Tools & Website
  • How To Create A WordPress Website: Step-by-Step Guide
  • Top 5 Best Push Notifications Services for Growth of Your Business & Blogging

Recent Comments

  • Ashish on Javascript code to Reduce Bounce Rate by 50% using Force redirects method
  • edward on How to Embed Tik Tok Videos Inside a html Web Page / WordPress / CMS
  • CHINWENDU IGBAJI on Step by Step Guide How to Install WordPress on Subdirectory on Cloudways
  • Yusuf Khan on How to Install Viral Festival Wishing Script on WordPress Blogs
  • dipenkumar on How to Install Viral Festival Wishing Script on WordPress Blogs

Copyright © 2022 We Need Website | Privacy Policy . About Us . Contact Us