add isSafari util

packages/artplayer/src/index.js

@@ -141,7 +141,7 @@ class Artplayer extends Emitter {
             },
             moreVideoAttr: {
                 controls: false,
-                preload: 'auto',
+                preload: utils.isSafari() ? 'auto' : 'metadata',
             },
             icons: {},
             customType: {},

packages/artplayer/src/utils/compatibility.js

@@ -0,0 +1,9 @@
+export const userAgent = window.navigator.userAgent;
+
+export function isMobile() {
+    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent);
+}
+
+export function isSafari() {
+    return /^((?!chrome|android).)*safari/i.test(userAgent);
+}

packages/artplayer/src/utils/index.js

@@ -5,3 +5,4 @@ export * from './file';
 export * from './property';
 export * from './time';
 export * from './format';
+export * from './compatibility';

packages/artplayer/src/whitelist.js

@@ -1,14 +1,16 @@
+import { isMobile, userAgent } from './utils/compatibility';
+
 export default class Whitelist {
     constructor(art) {
         const {
             constructor: { kindOf },
             option: { whitelist },
         } = art;
-        this.ua = navigator.userAgent;
-        this.isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(this.ua);
+        this.ua = userAgent;
+        this.isMobile = isMobile();
         this.state =
             !this.isMobile ||
-            whitelist.some(item => {
+            whitelist.some((item) => {
                 switch (kindOf(item)) {
                     case 'string':
                         return this.ua.indexOf(item) > -1;