From d43057c8afcf831a031054b749d9d1664453f5b5 Mon Sep 17 00:00:00 2001
From: Harvey <laozhaochaguan@gmail.com>
Date: Wed, 23 Mar 2022 16:44:01 +0800
Subject: [PATCH] add mobile playsInline

---
 packages/artplayer-document/package.json | 2 +-
 packages/artplayer/src/mobile.js         | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/artplayer-document/package.json b/packages/artplayer-document/package.json
index 6cb43564f..a85a3285b 100644
--- a/packages/artplayer-document/package.json
+++ b/packages/artplayer-document/package.json
@@ -17,7 +17,7 @@
     "dependencies": {
         "@docusaurus/core": "2.0.0-beta.15",
         "@docusaurus/preset-classic": "2.0.0-beta.15",
-        "@mdx-js/react": "^2.1.0",
+        "@mdx-js/react": "^1.6.22",
         "@svgr/webpack": "^6.1.0",
         "clsx": "^1.1.1",
         "docusaurus-lunr-search": "^2.1.15",
diff --git a/packages/artplayer/src/mobile.js b/packages/artplayer/src/mobile.js
index e16570dfc..2eab10bb2 100644
--- a/packages/artplayer/src/mobile.js
+++ b/packages/artplayer/src/mobile.js
@@ -35,6 +35,11 @@ export default class Mobile {
             $video.autoplay = option.autoplay;
         }
 
+        if (option.playsInline) {
+            $video.playsInline = true;
+            $video['webkit-playsinline'] = true;
+        }
+
         const typeName = option.type || getExt(option.url);
         const typeCallback = option.customType[typeName];
         if (typeName && typeCallback) {