V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
ZeIda
V2EX  ›  问与答

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

  •  
  •   ZeIda · Jul 5, 2021 · 2830 views
    This topic created in 1756 days ago, the information mentioned may be changed or developed.

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

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