在angular 9应用程序中嵌入TikTok视频
在angular 9应用程序中嵌入TikTok视频
提问于 2020-11-01 05:18:17
在tiktok开发者页面上，我发现可以在网页中嵌入tiktok视频。这个方法看起来非常简单，复制嵌入的代码并将其粘贴到您的html代码中。
好吧，我复制的代码是这样的
<blockquote class="tiktok-embed" cite="https://www.tiktok.com/@alebuffoli/video/6793667068622359814" data-video-id="6793667068622359814" style="max-width: 605px;min-width: 325px;" >
<section>
<a target="_blank" title="@alebuffoli" href="https://www.tiktok.com/@alebuffoli">@alebuffoli</a> <p>Non male ah? ?</p>
<a target="_blank" title="♬ suono originale - Alessandro Buffoli" href="https://www.tiktok.com/music/suono-originale-6793595951710833413">♬ suono originale - Alessandro Buffoli</a>
</section>
</blockquote>
<script async src="https://www.tiktok.com/embed.js"></script>但问题是，在一个标准的html页面中，它是有效的，但在我的angular应用程序中，我唯一能看到的是：
但是结果应该是这样的：https://developers.tiktok.com/doc/Embed
我甚至尝试过innerHTML块，但结果是一样的。这里有什么问题？
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-11-01 05:25:31
您可以直接将tiktok的embed.js脚本放在index.html文件中
<head>
...
<script async src="https://www.tiktok.com/embed.js"></script>
</head>然后是相应组件的*.component.html文件中的HTML代码片段
<blockquote class="tiktok-embed" cite="https://www.tiktok.com/@alebuffoli/video/6793667068622359814" data-video-id="6793667068622359814" style="max-width: 605px;min-width: 325px;" >
<section>
<a target="_blank" title="@alebuffoli" href="https://www.tiktok.com/@alebuffoli">@alebuffoli</a> <p>Non male ah? ?</p>
<a target="_blank" title="♬ suono originale - Alessandro Buffoli" href="https://www.tiktok.com/music/suono-originale-6793595951710833413">♬ suono originale - Alessandro Buffoli</a>
</section>
</blockquote> 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64626488
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号