关于抖音 web 端 video 标签自动播放

[zycojamie]

刚刚看了抖音 web 端，实现了打开页面就能自动播放 video 标签，但是 chrome 浏览器的播放策略是禁止没有用户交互的时候自动播放视频的 请问一下抖音 web 端是怎么实现的自动播放 忽略了 chrome 的禁止无交互自动播的限制？ 有没有大兄弟知道，指导一下

[mxT52CRuqR6o5]

静音就可以自动播放

[zycojamie]

@mxT52CRuqR6o5 #1 可是实际上是有声自动播的呀。难道是先静音再 js 把音量打开？

[mxT52CRuqR6o5]

@zycojamie 你在手机上试试，应该是不能自动有声播放的
电脑端是否能有声自动播放的规则比较复杂
https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
https://developers.google.com/web/updates/2017/09/autoplay-policy-changes#mei

[mxT52CRuqR6o5]

@zycojamie
电脑上会算一个 Media Engagement Index (MEI)值来决定是否可以有声自动播放视频

[anguiao]

bilibili 也可以，不知道怎么实现的

[think2011]

我也想知道

[yyzcl]

刷新偶尔不会自动播放，好奇怎么实现的

[Rrrrrr]

网上一堆说的天花乱坠，最后还是发现不怎么行

[paopjian]

实际上就是受欢迎的网站有权利自动播放

[lanbatian]

能放上你访问的链接吗？我使用的这个<https://www.douyin.com/share/video/6977144095919639822>在 ios safari 上打开，并不能自动播放呀。

[sakuraSou]

@paopjian 胡说八道

[zycojamie]

@lanbatian #10 抱歉没有表达清楚，我这里特指 pc 端上，chrome 的自动播放

[lanbatian]

@zycojamie chrome 试了点开链接也没自动播放呢...

[Hasel]

chrome 会根据你在某个域名的浏览记录（同电脑、同 google 账号），计算在每个域名下的 Media Engagement Index (MEI)，具体可以在这个 url 看到 chrome://media-engagement

当这个值大于某个阀值，你在这个域名上访问时就可以有声自动播放。

MEI 的具体计算规则就是 ：访问该域名且进行过有声播放的 session 数 / 该域名总访问 session 数

当然这个 MEI 要该域名总访问量达到一定数量才生效，具体多少好像没有披露。


具体可以参考这个官方的文档 https://developers.google.com/web/updates/2017/09/autoplay-policy-changes


当然也有一些 trick 的方式，我印象中可以通过移除 video 标签然后重新创建的方式绕过

[Hasel]

@Hasel 当然好像也有某些网站不按照这个规则，比如 youtube，我之前没有访问过也可以自动播放，怀疑是背后有 py 交易。

[paopjian]

@livid 我被 10 楼辱骂了

[paopjian]

错了,11 楼