javascript - 无法嵌入 TikTok 视频
问题描述
我只是想将 TikTok 视频嵌入到我的本地网站。
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<blockquote class="tiktok-embed" cite="https://www.tiktok.com/@zacksjerryrig/video/6828268207359413509" data-video-id="6828268207359413509" style="max-width: 605px;min-width: 325px;" > <section> <a target="_blank" title="@zacksjerryrig" href="https://www.tiktok.com/@zacksjerryrig">@zacksjerryrig</a> <p>Buy a case for your iPad or else... @whatsinside did the same test, go see how it turned out <a title="ipad" target="_blank" href="https://www.tiktok.com/tag/ipad">##ipad</a> <a title="teardown" target="_blank" href="https://www.tiktok.com/tag/teardown">##teardown</a> <a title="jerryrig" target="_blank" href="https://www.tiktok.com/tag/jerryrig">##jerryrig</a> <a title="jerryrigeverything" target="_blank" href="https://www.tiktok.com/tag/jerryrigeverything">##jerryrigeverything</a></p> <a target="_blank" title="♬ original sound - Zack" href="https://www.tiktok.com/music/original-sound-6828268206063405830">♬ original sound - Zack</a> </section> </blockquote> <script async src="https://www.tiktok.com/embed.js"></script>
</body>
</html>
它不会显示视频本身,并且所有字幕都失去了风格。
解决方案
TikTok 正式为您的网站提供嵌入标签。您只需复制该 HTML 标记并粘贴到您的代码库中即可。
官方文档 https://developers.tiktok.com/doc/Embed
下图显示了如何复制嵌入的 html 代码。
推荐阅读
- laravel - Laravel:从多对多(多态)关系中检索所有关系
- c# - Application Insights - 使用数据数组作为属性跟踪自定义事件
- c++ - 派生类中派生类的getter函数,当使用指向基类的指针时
- c# - 为结构创建构造函数并将其与结构对象 c# 一起使用
- java - 在 ubuntu tomcat 服务器中部署 java web 应用程序,在客户端显示服务器不可访问错误
- angular - Angular 7 项目中的 Kendo UI 和 Toast 图像编辑器冲突
- ios - 我无法让我的本地通知在 xcode 模拟器的设定时间显示
- android - 在android应用程序中反应本机力光模式
- flutter - CameraPreview 并没有占据所有位置
- css - 旋转词 CSS