From 893f77ba088f6d18f3de5aa9e73baa2737543686 Mon Sep 17 00:00:00 2001
From: Harvey <laozhaochaguan@gmail.com>
Date: Mon, 16 May 2022 16:38:10 +0800
Subject: [PATCH] update mobile demo

---
 docs/danmuku.html | 9 +++++++--
 docs/mobile.html  | 6 ++++++
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/docs/danmuku.html b/docs/danmuku.html
index 1b9d5ffa5..cf27536b1 100644
--- a/docs/danmuku.html
+++ b/docs/danmuku.html
@@ -64,6 +64,7 @@
             setting: true,
             flip: true,
             lock: true,
+            autoSize: true,
             fastForward: true,
             playbackRate: true,
             aspectRatio: true,
@@ -163,10 +164,14 @@
                     mount: document.querySelector('.danmuku-input'),
                 }),
             ],
-        }, function () {
-            this.autoHeight = true;
         });
 
+        // 移动端默认不会预加载数据，所以不会默认触发 ready 事件
+        // 但这里可监听 loadedmetadata 事件，自动适应高度
+        art.on('video:loadedmetadata', () => {
+            art.autoHeight = true;
+        })
+
         Artplayer.config.events.forEach(function (item) {
             art.on('video:' + item, function (event) {
                 console.log('video: ' + event.type);
diff --git a/docs/mobile.html b/docs/mobile.html
index 01c8710bc..781bd0f08 100644
--- a/docs/mobile.html
+++ b/docs/mobile.html
@@ -136,6 +136,12 @@
             ],
         });
 
+        // 移动端默认不会预加载数据，所以不会默认触发 ready 事件
+        // 但这里可监听 loadedmetadata 事件，自动适应高度
+        art.on('video:loadedmetadata', () => {
+            art.autoHeight = true;
+        })
+
         Artplayer.config.events.forEach(function (item) {
             art.on('video:' + item, function (event) {
                 console.log('video: ' + event.type);