抖音视频能不能网页端播放？

jason

知道视频id，能不能类似哔哩哔哩自带的这样

1. <iframe src="//player.bilibili.com/player.html?isOutside=true&aid=116967847501312&bvid=BV1DAgS6SEqa&cid=40217479053&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>

复制代码

shim

可以通过抖音开放平台域名嵌入，但是嵌入效果不太好
有人做了这样转换的工具
https://tools.zhheo.com/douyinIframe

如果是快手视频就方便很多了，可以通过替换域名，直连视频，效果很好

1. txmov2.a.kwimgs.com
   
2. alimov2.a.kwimgs.com
   
3. txmov2.a.yximgs.com
   
4. alimov2.a.yximgs.com

复制代码

如果无法播放，请点击此处在新窗口打开

jason

shim 发表于 2026-8-26 15:13
可以通过抖音开放平台域名嵌入，但是嵌入效果不太好
有人做了这样转换的工具
https://tools.zhheo.com/douy ...

你这个播放不了


从别人博客插件扒了一个
http://chunge.ndjp.net/viewtopic.php?p=937

抖音自作聪明，以730px为界，自动更换横竖屏，css不好写

jason

shim 发表于 2026-8-26 15:13
可以通过抖音开放平台域名嵌入，但是嵌入效果不太好
有人做了这样转换的工具
https://tools.zhheo.com/douy ...

快手有官方嵌入代码吗？

jason

开发者需要在快手开放平台完成注册，新建一个网站应用，并获取应用标识appId 和 appSecret，详细参考申请注册流程。


快手不能直接用，还得注册申请

jason

1111111

1. <style>
   
2. /* 抖音视频容器基础样式 */
   
3. .douyin-video {
   
4.   container-type: inline-size; /* 在父容器上定义容器类型 */
   
5.   container-name: douyin-video; /* 可选，为容器命名 */
   
6.   width: 100%; /* 确保父容器有宽度 */
   
7. }
   
8. 
   
9. .douyin-video-wrapper {
   
10.   container-type: inline-size;
    
11.   position: relative;
    
12.   display: flex;
    
13.   align-items: center;
    
14.   justify-content: center;
    
15.   width: 100%;
    
16.   max-width: 100%;
    
17.   box-sizing: border-box;
    
18.   overflow: hidden;
    
19.   margin: 0 auto;
    
20.   padding: 0;
    
21.   background: #000;
    
22.   color: #fff;
    
23.   border: none;
    
24.   min-height: 0;
    
25. }
    
26. 
    
27. /* 容器查询 - 当父容器.douyin-video的宽度大于等于730px时 */
    
28. @container douyin-video (min-width: 730px) {
    
29.   .douyin-video-wrapper {
    
30.     width: 100%;
    
31.     aspect-ratio: 146 / 89;
    
32.   }
    
33. }
    
34. 
    
35. /* 容器查询 - 当父容器.douyin-video的宽度小于730px时 */
    
36. @container douyin-video (max-width: 729px) {
    
37.   .douyin-video-wrapper {
    
38.     width: min(324px, 100%);
    
39.     aspect-ratio: 27 / 56;
    
40.   }
    
41. }
    
42. 
    
43. /* iframe样式 */
    
44. .douyin-video-wrapper iframe {
    
45.   width: 100%;
    
46.   height: 100%;
    
47.   box-sizing: border-box;
    
48.   overflow: hidden;
    
49.   border: none;
    
50.   border-radius: 8px;
    
51.   margin: 0;
    
52.   padding: 0;
    
53.   background: transparent;
    
54.   align-self: flex-start;
    
55.   z-index: 2;
    
56.   transition: height 0.3s ease;
    
57.   -ms-overflow-style: none;
    
58.   scrollbar-width: none;
    
59. }
    
60. 
    
61. </style><div class="douyin-video"><div class="douyin-video-wrapper"><iframe width="100%" height="100%" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" src="https://open.douyin.com/player/video?vid=7579652162238582054&amp;autoplay=0" referrerpolicy="unsafe-url"></iframe></div></div>

复制代码

shim

jason 发表于 2026-8-26 16:54
开发者需要在快手开放平台完成注册，新建一个网站应用，并获取应用标识appId 和 appSecret，详细参考申请注 ...

快手视频可以在浏览器上打开开发者工具中找到真实视频地址，然后更换域名就可以永久直连，不需要官方方案

jason

shim 发表于 2026-8-27 11:43
快手视频可以在浏览器上打开开发者工具中找到真实视频地址，然后更换域名就可以永久直连，不需要官方方案 ...

这个地址有时效吧
你前面发的这个我就没打开过

1. https://txmov2.a.kwimgs.com/bs2/photo-video-mz/5203346627532763340_6d1655401a30ae31_5922_hd15.mp4

复制代码

shim

jason 发表于 2026-8-27 12:03
这个地址有时效吧
你前面发的这个我就没打开过

你打不开吗？我这里能正常打开，试试换个域名
没有时效，只要官方不修复一直可用

jason

shim 发表于 2026-8-27 12:33
你打不开吗？我这里能正常打开，试试换个域名
没有时效，只要官方不修复一直可用 ...

4个都不行。是你浏览器缓存了吧