add playsInline option

docs/assets/example/index.js

@@ -22,13 +22,12 @@ var art = new Artplayer({
     miniProgressBar: true,
     mutex: true,
     backdrop: true,
+    playsInline: true,
     theme: '#23ade5',
     lang: navigator.language.toLowerCase(),
     whitelist: ['*'],
     moreVideoAttr: {
         crossOrigin: 'anonymous',
-        playsInline: true,
-        'webkit-playsinline': true,
         'x5-video-player-type': 'h5',
         'x5-video-player-fullscreen': false,
         'x5-video-orientation': 'portraint',

docs/assets/js/mobile.js

@@ -2,7 +2,7 @@ var vConsole = new VConsole();
 
 var art = new Artplayer({
     container: '.artplayer-app',
-    url: 'https://artplayer.org/assets/sample/video.mp4',
+    url: '/assets/sample/video.mp4',
     title: 'One More Time One More Chance',
     poster: '/assets/sample/poster.jpg',
     autoSize: true,
@@ -13,8 +13,6 @@ var art = new Artplayer({
     fullscreenWeb: true,
     miniProgressBar: true,
     moreVideoAttr: {
-        playsInline: true,
-        'webkit-playsinline': true,
         'x5-video-player-type': 'h5',
         'x5-video-player-fullscreen': false,
         'x5-video-orientation': 'portraint',

docs/assets/ts/artplayer.d.ts

@@ -319,6 +319,11 @@ type Option = {
      */
     useSSR?: boolean;
 
+    /**
+     * Whether use playsInline in mobile
+     */
+    playsInline?: boolean;
+
     /**
      * Custom plugin list
      */