上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
返回列表 发新帖

网页视频播放限制

[复制链接]
  • TA的每日心情
    擦汗
    4 天前
  • 签到天数: 194 天

    [LV.7]常住居民III

    720

    主题

    6071

    回帖

    6850

    积分

    管理员

    非物质文化遗产社会摇传承人

    积分
    6850

    荣誉开发者喜迎中秋油中2周年生态建设者

    发表于 2022-5-15 22:51:19 | 显示全部楼层 | 阅读模式

    问题

    之前好多人都问过我为什么使用click点击视频播放元素
    或者对viode元素使用play却没有什么作用
    这是因为浏览器的资源限制问题
    具体可以参考
    https://developer.chrome.com/blog/autoplay/#iframe-delegation

    Chrome's autoplay policies are simple:
    
    Muted autoplay is always allowed.
    Autoplay with sound is allowed if:
    The user has interacted with the domain (click, tap, etc.).
    On desktop, the user's Media Engagement Index threshold has been crossed, meaning the user has previously played video with sound.
    The user has added the site to their home screen on mobile or installed the PWA on desktop.
    Top frames can delegate autoplay permission to their iframes to allow autoplay with sound.

    大致翻译

    Chrome自动播放限制
    静默播放视频是允许的
    如果以下情况允许自动播放声音视频是允许的
        用户与页面进行交互,点击,触摸等等
        在桌面端,用户媒体参与门槛达标,意味着用户之前播放过声音视频
        用户添加网站到他们的主屏幕在移动端上,或在桌面安装pwa程序
    顶层iframe可以分发自动播放权限对他们的firame允许自动播放带有声音的视频

    再补一条,我们可以通过设置浏览器来允许有声视频的自动播放

    总结

    那么我们一句话总结一下
    1.自动播放视频需要先设置video的volume属性为0,使其静默播放
    2.如果不设置,则必须用户与网页进行交互行为才可以
    3.让用户自己设置允许该网站自动播放视频
    因为我个人使用火狐,所以仅提供火狐的修改位置
    图片.png

    结语

    撒花~

    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
  • TA的每日心情
    开心
    2024-7-16 15:40
  • 签到天数: 276 天

    [LV.8]以坛为家I

    115

    主题

    460

    回帖

    997

    积分

    荣誉开发者

    积分
    997

    荣誉开发者油中2周年卓越贡献生态建设者油中3周年

    发表于 2022-6-13 20:45:04 | 显示全部楼层
    setInterval(()=>{
            document.querySelector('.ccH5TogglePause').click()
            setTimeout(() => {
                document.querySelector('.ccH5TogglePlay').click()
            },1000)


         },3000)


    我这样实现了参考一下
    https://blog.csdn.net/qq_36538012/article/details/89168166    还有这个也设置一下

    接脚本定制
    I frequently record, because want to leave something.
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2024-7-16 15:40
  • 签到天数: 276 天

    [LV.8]以坛为家I

    115

    主题

    460

    回帖

    997

    积分

    荣誉开发者

    积分
    997

    荣誉开发者油中2周年卓越贡献生态建设者油中3周年

    发表于 2022-6-13 20:46:04 | 显示全部楼层
    wwwwwllllk 发表于 2022-6-13 20:45
    setInterval(()=>{
            document.querySelector('.ccH5TogglePause').click()
            setTimeout(() = ...

    因为使用中间那个好像是因为回调还是什么搞不懂,我看到下面默认隐藏了播放暂停,没问题。你可以试一下
    接脚本定制
    I frequently record, because want to leave something.
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2024-7-16 15:40
  • 签到天数: 276 天

    [LV.8]以坛为家I

    115

    主题

    460

    回帖

    997

    积分

    荣誉开发者

    积分
    997

    荣誉开发者油中2周年卓越贡献生态建设者油中3周年

    发表于 2022-6-13 20:47:23 | 显示全部楼层
    发错位置了,靠
    接脚本定制
    I frequently record, because want to leave something.
    回复

    使用道具 举报

    该用户从未签到

    7

    主题

    17

    回帖

    32

    积分

    助理工程师

    积分
    32
    发表于 2022-6-13 20:51:54 | 显示全部楼层
    document.querySelector('video').volume=0
    是volume
    1.自动播放视频需要先设置video的volumn属性为0,使其静默播放
    回复

    使用道具 举报

  • TA的每日心情
    擦汗
    4 天前
  • 签到天数: 194 天

    [LV.7]常住居民III

    720

    主题

    6071

    回帖

    6850

    积分

    管理员

    非物质文化遗产社会摇传承人

    积分
    6850

    荣誉开发者喜迎中秋油中2周年生态建设者

    发表于 2023-1-19 23:47:48 | 显示全部楼层

    然而我刚看到~
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情
    擦汗
    4 天前
  • 签到天数: 194 天

    [LV.7]常住居民III

    720

    主题

    6071

    回帖

    6850

    积分

    管理员

    非物质文化遗产社会摇传承人

    积分
    6850

    荣誉开发者喜迎中秋油中2周年生态建设者

    发表于 2023-1-19 23:48:34 | 显示全部楼层
    1433858005 发表于 2022-6-13 20:51
    document.querySelector('video').volume=0
    是volume
    1.自动播放视频需要先设置video的volumn属性为0,使 ...

    纠正了,谢谢哥哥
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情

    2023-5-9 12:40
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    0

    主题

    9

    回帖

    10

    积分

    助理工程师

    积分
    10
    发表于 2023-3-13 16:15:28 | 显示全部楼层
    ggnb!!!
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    9 小时前
  • 签到天数: 838 天

    [LV.10]以坛为家III

    31

    主题

    555

    回帖

    1578

    积分

    荣誉开发者

    积分
    1578

    荣誉开发者新人进步奖油中2周年生态建设者新人报道挑战者 lv2油中3周年喜迎中秋

    发表于 2023-3-14 12:39:19 | 显示全部楼层
    单页应用,交互后跳转的新视频总是自动播放,哥哥有啥办法禁止么
    回复

    使用道具 举报

    发表回复

    本版积分规则

    快速回复 返回顶部 返回列表