V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
zycojamie
V2EX  ›  问与答

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

  •  
  •   zycojamie · 2021-07-05 19:02:26 +08:00 · 2050 次点击
    这是一个创建于 1239 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    17 条回复    2021-07-06 15:06:19 +08:00
    mxT52CRuqR6o5
        1
    mxT52CRuqR6o5  
       2021-07-05 19:04:22 +08:00 via Android   ❤️ 1
    静音就可以自动播放
    zycojamie
        2
    zycojamie  
    OP
       2021-07-05 20:24:34 +08:00
    @mxT52CRuqR6o5 #1 可是实际上是有声自动播的呀。难道是先静音再 js 把音量打开?
    mxT52CRuqR6o5
        3
    mxT52CRuqR6o5  
       2021-07-05 20:43:29 +08:00   ❤️ 3
    @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
        4
    mxT52CRuqR6o5  
       2021-07-05 20:44:13 +08:00
    @zycojamie
    电脑上会算一个 Media Engagement Index (MEI)值来决定是否可以有声自动播放视频
    anguiao
        5
    anguiao  
       2021-07-05 20:56:44 +08:00 via Android
    bilibili 也可以,不知道怎么实现的
    think2011
        6
    think2011  
       2021-07-05 21:00:23 +08:00
    我也想知道
    yyzcl
        7
    yyzcl  
       2021-07-05 21:00:52 +08:00
    刷新偶尔不会自动播放,好奇怎么实现的
    Rrrrrr
        8
    Rrrrrr  
       2021-07-05 21:14:20 +08:00
    网上一堆说的天花乱坠,最后还是发现不怎么行
    paopjian
        9
    paopjian  
       2021-07-05 23:04:43 +08:00
    实际上就是受欢迎的网站有权利自动播放
    lanbatian
        10
    lanbatian  
       2021-07-06 10:05:41 +08:00
    能放上你访问的链接吗?我使用的这个<https://www.douyin.com/share/video/6977144095919639822>在 ios safari 上打开,并不能自动播放呀。
    sakuraSou
        11
    sakuraSou  
       2021-07-06 10:13:07 +08:00 via iPhone
    @paopjian 胡说八道
    zycojamie
        12
    zycojamie  
    OP
       2021-07-06 10:20:15 +08:00
    @lanbatian #10 抱歉没有表达清楚,我这里特指 pc 端上,chrome 的自动播放
    lanbatian
        13
    lanbatian  
       2021-07-06 10:26:19 +08:00
    @zycojamie chrome 试了点开链接也没自动播放呢...
    Hasel
        14
    Hasel  
       2021-07-06 10:38:12 +08:00
    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
        15
    Hasel  
       2021-07-06 10:41:03 +08:00
    @Hasel 当然好像也有某些网站不按照这个规则,比如 youtube,我之前没有访问过也可以自动播放,怀疑是背后有 py 交易。
    paopjian
        16
    paopjian  
       2021-07-06 15:04:41 +08:00
    @livid 我被 10 楼辱骂了
    paopjian
        17
    paopjian  
       2021-07-06 15:06:19 +08:00   ❤️ 1
    错了,11 楼
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1043 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 19:33 · PVG 03:33 · LAX 11:33 · JFK 14:33
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.