feat: enhance mobile meta tags for better web app support

Author: zhw2590582

docs/mobile.html

@@ -5,11 +5,13 @@
     <meta charset="UTF-8" />
     <title>Artplayer.js</title>
     <meta name="viewport"
-        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
+        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, viewport-fit=cover">
     <meta name="google-adsense-account" content="ca-pub-8579453810848662">
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <meta name="keywords" content="artplayer, player, js, html5, video" />
     <meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player" />
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
     <link rel="shortcut icon" href="./assets/img/favicon.ico" type="image/x-icon" />
     <link rel="stylesheet" href="./assets/css/normalize.css">
     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8579453810848662"