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.
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.
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.
William Rojas says
Nowadays, TikTok is the most viral social media platform and you have shared the great tip. Really helpful, thanks and keep sharing.
This help material needs updating as it no longer works, even your example is not working.