WordPressにTikTok動画を埋め込む方法（URL貼り付け・埋め込みコード・Embed Player）

TikTokの動画は、WordPressの標準機能だけで記事に埋め込めます。いちばん手軽なのはURLを貼る方法で、表示を細かく調整したいときはTikTokが提供する埋め込み用プレーヤー（Embed Player）のiframeを使います。この記事では3つの方法の手順と使い分け、表示されないときの確認点を説明します。

3つの方法と使い分け

まずはURLを貼る方法を試し、見た目や再生の動きを変えたいときにEmbed Playerを使う、という順で考えると迷いません。

方法1：URLを貼る（TikTokブロック）

WordPressにはTikTokのURLを埋め込みプレーヤーに変換する仕組み（oEmbed）が、バージョン5.4から標準で入っています。

1. TikTokで埋め込みたい動画を開き、「シェア」から「リンクをコピー」を選びます。パソコンのブラウザで動画ページを開いている場合は、アドレスバーのURLでも構いません。
2. 投稿編集画面で新しい段落を作り、URLだけを1行で貼り付けます。
3. 自動で「TikTok」の埋め込みブロックに変わり、エディター上にプレーヤーが表示されます。
4. 保存して、公開ページで再生できるか確かめます。

貼り付けで変換されない場合は、左上の「＋」で「TikTok」を検索してブロックを追加し、入力欄にURLを貼って「埋め込み」を押します。

使えるURLの形は次のとおりです。

https://www.tiktok.com/@ユーザー名/video/動画ID

アプリの「リンクをコピー」で https://vt.tiktok.com/… や https://vm.tiktok.com/… のような短縮URLが出る場合、WordPressに登録されているTikTokのURLの形（www.tiktok.com/…/video/…）に当てはまらないため、TikTokの動画として埋め込まれないことがあります。一度ブラウザで開き、転送先の https://www.tiktok.com/@…/video/… の形のURLを貼ってください。

この方法は、埋め込み用のHTMLをWordPressがTikTokから取得して表示するため、投稿者権限のユーザーでも使えます。TikTokの埋め込み用エンドポイントが返すプレーヤーには、自動再生と消音のパラメーターが付いていることがあります。再生の動きを自分で決めたい場合は、方法3を使います。

方法2：TikTokの「埋め込み」コードを貼る

1. パソコンのブラウザでtiktok.comの動画ページを開きます（TikTokはこの操作をパソコンのブラウザで行うよう案内しています）。
2. 「シェア」ボタンを押し、「埋め込み」（Embed）を選びます。
3. 表示されたコードをコピーします。
4. WordPressの投稿編集画面で「カスタムHTML」ブロックを追加し、コードを貼り付けて保存します。

TikTokの開発者向けドキュメントでは、この従来の埋め込み方法（Embed Videos）は今後廃止予定とされ、新しく組み込む場合はEmbed Playerの利用がすすめられています（2026年10月時点）。これから設置するなら、方法1か方法3を選ぶほうが長く使えます。

方法3：Embed Playerのiframeを書く

Embed Playerは、動画IDを指定したiframeで動画を表示する方式です。URLの形は次のとおりです。

https://www.tiktok.com/player/v1/動画ID

動画IDは、動画のURL https://www.tiktok.com/@ユーザー名/video/7123456789012345678 の末尾にある数字です。「カスタムHTML」ブロックに次のように書きます。

<iframe
  src="https://www.tiktok.com/player/v1/7123456789012345678?music_info=1&description=1"
  width="325" height="578"
  allow="fullscreen"
  title="TikTok video"
  style="border:0;"></iframe>

TikTokの縦長動画に合わせて、例では幅325・高さ578（およそ9:16）にしています。

主なパラメーター

URLの ? 以降に 名前=値 を & でつないで指定します。値は 1 が表示（有効）、0 が非表示（無効）です。

これらはTikTokの開発者向けドキュメントに記載された値です（2026年10月時点）。変わることがあるため、使う前にTikTok for Developersの「Embed Player」のページで確認してください。

自動再生について

autoplay=1 を付けても、多くのブラウザは音が出る動画の自動再生を止めます。また、ページを開いた途端に音が出るのは読者にとって負担になりやすいため、自動再生は使わず、再生ボタンで始めてもらうほうが無難です。

スマートフォンで幅を合わせる

iframeの width と height を外し、「外観」→「カスタマイズ」→「追加CSS」（ブロックテーマでは「外観」→「エディター」→「スタイル」の「追加CSS」）にCSSを書くと、画面幅に合わせて縦横比を保てます。iframeに class="tiktok-player" を付けた場合の例です。

.tiktok-player {
  width: 100%;
  max-width: 325px;
  height: auto;
  aspect-ratio: 9 / 16;
  border: 0;
}

iframeやscriptを貼るときの権限

方法2と方法3では、「カスタムHTML」ブロックにiframeやscriptを書きます。これらがそのまま保存されるのは、unfiltered_html 権限を持つユーザー（通常のサイトでは管理者と編集者、マルチサイトではネットワーク管理者）だけです。投稿者権限のユーザーが保存するとタグが取り除かれるため、その場合は方法1を使います。

表示速度とプライバシー

• 埋め込んだ動画は、表示した時点でTikTokのサーバーから読み込まれ、TikTok側でCookieなどが使われる場合があります。サイトのプライバシーポリシーに、外部サービスの埋め込みについて記載しておきます。
• 1つの記事に多くの動画を並べると、読み込みが重くなります。本当に見てほしい動画に絞ります。iframeに loading="lazy" を付けると、画面に近づくまで読み込みを遅らせられます。
• 元の動画が非公開になったり削除されたりすると、記事内の埋め込みも再生できなくなります。重要な内容は本文にも文章で書いておきます。
• 他の人の動画を載せる場合も、TikTokの利用規約の範囲で、埋め込み機能を使って表示します。動画をダウンロードして自分のサイトにアップロードし直すのは避けてください。

うまく表示されないときの確認ポイント

• URLが文字のまま表示される：短縮URL（vt.tiktok.com など）を貼っていないか、URLが単独の行にあり、リンクが付いていないかを確認します。
• 「埋め込めませんでした」という趣旨のメッセージが出る：動画が非公開や削除済みになっていないか、URLが正しいかを確認します。
• 貼ったiframeが保存後に消える：unfiltered_html 権限のないユーザーで保存していないか確認します。
• プレーヤーの枠だけ出て再生できない：セキュリティ系プラグインやコンテンツブロッカーがTikTokの読み込みを止めていないか、別のブラウザでも確認します。
• 変更が反映されない：キャッシュ系プラグインのキャッシュを削除し、ブラウザを再読み込みします。

まとめ

• TikTokの動画は、https://www.tiktok.com/@ユーザー名/video/動画ID の形のURLを単独の行に貼るだけで埋め込めます（WordPress 5.4以降）。
• 短縮URLはTikTokとして埋め込まれないことがあるため、転送先の通常のURLを使います。
• 表示項目や再生の動きを決めたいときは、Embed Player（https://www.tiktok.com/player/v1/動画ID）のiframeにパラメーターを付けて使います。TikTokは従来の埋め込みコードを廃止予定としています。
• iframeやscriptを保存できるのは管理者と編集者です。投稿者はURL貼り付けの方法を使います。

• WordPressで動画を投稿に埋め込む方法（YouTube・Vimeo・動画ファイル／標準機能）
• WordPressでoEmbedの埋め込みが表示されないときの対処法