ZeIda
V2EX  ›  问与答

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

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