PC兼容性方案

• PC兼容性方案
  • IE
  • FireFox

IE

CSS

IE7不兼容display: inline-block

版本：IE7

解决方法：

JS

IE下Promise为undefined

版本：所有版本

原因： 在IE下，不支持ES6的新API（Promise）

解决方法： 使用Babel、@babel/polyfill，并指定 corejs版本为3 ，实现按需加载polyfills。

IE9及以下不兼容requestAnimationFrame

版本：IE9及以下

window.requestAnimationFrame = window.requestAnimationFrame || function(a){return setTimeout(a, 1000 / 60)};//时间刻自行设置
window.cancelAnimationFrame = window.cancelAnimationFrame || clearTimeout;

FireFox

FireFox不兼容Video标签：

在FireFox上无法通过<video>标签播放视频：

    <!-- before -->
    <video data-id="2" data-prime="true" data-time="5000" loop preload="none" playsInline autoPlay>

    <!-- after -->
    <video data-id="2" data-prime="true" data-time="5000" loop preload="none" playsInline autoPlay muted={true}>
    ```
    解决方法：添加一个`muted`属性，值为`true`即可。

muted属性用来设置该段视频是否被静音