zoukankan      html  css  js  c++  java
  • chrome浏览器不支持audio和video标签的autoplay自动播放

    IOS/Android不支持video的autoplay,PC端的safari也在2017年的safari 11版本中禁止带声音的多媒体自动播放功能,然后Chrome在2018年4月份发布的66版本也关掉了声音自动播放,也就是说HTML5的audio和video标签autoplay属性在一般网页端基本算是废的。要想网页端让autoplay生效,可以让用户自己设置自己的浏览器,允许带声音的多媒体自动播放。

    设置方法:

    1、在chrome浏览器地址栏中输入:chrome://flags
    2、搜索“Autoplay policy”,默认为“Default”,修改为 “No user gesture is required” 就可以了

    由于audio.play()必须要在交互事件中才能使用,于是项目中,我的解决方案是当用户触发滑动事件时,audio自动播放

    window.addEventListener("touchstart", function() {
                audio.play();
    })
    
  • 相关阅读:
    Mybatis 接口绑定
    Spring AOP
    Spring 基础使用
    Java 类的生命周期
    Mybatis 测试延迟加载
    Mybatis
    eclipse 常用jar包总结
    Web 过滤器参数设置问题
    Web 单元测试
    zabbix监控-自定义监控与报警(二)
  • 原文地址:https://www.cnblogs.com/shemingxin/p/12582824.html
Copyright © 2011-2022 走看看