build:all

docs/document/en/advanced/built-in.html

@@ -6,11 +6,11 @@
     <title>高级属性 | Artplayer.js</title>
     <meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player">
     <link rel="preload stylesheet" href="/document/assets/style.3d04a11d.css" as="style">
-    <script type="module" src="/document/assets/app.7d545639.js"></script>
+    <script type="module" src="/document/assets/app.c33a906f.js"></script>
     <link rel="preload" href="/document/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
   <link rel="modulepreload" href="/document/assets/chunks/framework.48115c03.js">
-  <link rel="modulepreload" href="/document/assets/chunks/theme.7576ef7a.js">
-  <link rel="modulepreload" href="/document/assets/en_advanced_built-in.md.852cc7ad.lean.js">
+  <link rel="modulepreload" href="/document/assets/chunks/theme.db6f7e65.js">
+  <link rel="modulepreload" href="/document/assets/en_advanced_built-in.md.4a199548.lean.js">
   <script src="/document/main.js"></script>
   <link rel="stylesheet" href="/document/style.css">
   <link rel="shortcut icon" href="/document/favicon.ico">
@@ -22,13 +22,7 @@
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">url</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">/assets/sample/video.mp4</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
 <span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span>
 <span class="line"></span>
-<span class="line"><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">info</span><span style="color:#A6ACCD;">(art</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">option)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br></div></div><div class="warning custom-block"><p class="custom-block-title">提示</p><p>假如直接修改这个 <code>option</code> 对象，播放器不会马上做出响应</p></div><h2 id="whitelist" tabindex="-1"><code>whitelist</code> <a class="header-anchor" href="#whitelist" aria-label="Permalink to &quot;`whitelist`&quot;">​</a></h2><p>管理移动设备的白名单功能，只有一个属性 <code>state</code> 返回是否启用播放器功能</p><div className="run-code">▶ Run Code</div><div class="language-js line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#C792EA;">var</span><span style="color:#A6ACCD;"> art </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">new</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">Artplayer</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">{</span></span>
-<span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">container</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">.artplayer-app</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
-<span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">url</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">/assets/sample/video.mp4</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
-<span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">whitelist</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> [</span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;font-style:italic;">ua</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=&gt;</span><span style="color:#C3E88D;"> </span><span style="color:#89DDFF;">/</span><span style="color:#C3E88D;">iPhone</span><span style="color:#89DDFF;">/</span><span style="color:#F78C6C;">gi</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">test</span><span style="color:#A6ACCD;">(ua)]</span><span style="color:#89DDFF;">,</span></span>
-<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span>
-<span class="line"></span>
-<span class="line"><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">info</span><span style="color:#A6ACCD;">(art</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">whitelist</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">state)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br></div></div><div class="warning custom-block"><p class="custom-block-title">提示</p><p>在上面这个例子中，当使用 <code>iPhone</code> 访问播放器时，<code>art.whitelist.state</code> 会返回 <code>false</code>，即使用原生的播放器，而不是 <code>Artplayer</code> 播放器</p></div><h2 id="template" tabindex="-1"><code>template</code> <a class="header-anchor" href="#template" aria-label="Permalink to &quot;`template`&quot;">​</a></h2><p>管理播放器所有的 <code>DOM</code> 元素</p><div className="run-code">▶ Run Code</div><div class="language-js line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#C792EA;">var</span><span style="color:#A6ACCD;"> art </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">new</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">Artplayer</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">{</span></span>
+<span class="line"><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">info</span><span style="color:#A6ACCD;">(art</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">option)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br></div></div><div class="warning custom-block"><p class="custom-block-title">提示</p><p>假如直接修改这个 <code>option</code> 对象，播放器不会马上做出响应</p></div><h2 id="template" tabindex="-1"><code>template</code> <a class="header-anchor" href="#template" aria-label="Permalink to &quot;`template`&quot;">​</a></h2><p>管理播放器所有的 <code>DOM</code> 元素</p><div className="run-code">▶ Run Code</div><div class="language-js line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#C792EA;">var</span><span style="color:#A6ACCD;"> art </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">new</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">Artplayer</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">{</span></span>
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">container</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">.artplayer-app</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">url</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">/assets/sample/video.mp4</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
 <span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span>
@@ -210,7 +204,7 @@
 <span class="line"><span style="color:#A6ACCD;">art</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">on</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">ready</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">()</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=&gt;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
 <span class="line"><span style="color:#F07178;">    </span><span style="color:#A6ACCD;">art</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">plugins</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">add</span><span style="color:#F07178;">(</span><span style="color:#A6ACCD;">myPlugin</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
 <span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br></div></div></div></div></main><footer class="VPDocFooter" data-v-5aafa2ac data-v-31cb5067><!--[--><!--]--><div class="edit-info" data-v-31cb5067><div class="edit-link" data-v-31cb5067><a class="VPLink link edit-link-button" href="https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/en/advanced/built-in.md" target="_blank" rel="noreferrer" data-v-31cb5067 data-v-87683ad2><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" aria-label="edit icon" data-v-31cb5067><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-31cb5067><p class="VPLastUpdated" data-v-31cb5067 data-v-f00606ba>Last updated: <time datetime="2023-04-23T05:50:30.000Z" data-v-f00606ba></time></p></div></div><div class="prev-next" data-v-31cb5067><div class="pager" data-v-31cb5067><a class="pager-link prev" href="/document/en/advanced/property.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Previous page</span><span class="title" data-v-31cb5067>Instance Property</span></a></div><div class="has-prev pager" data-v-31cb5067><a class="pager-link next" href="/document/en/advanced/class.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Next page</span><span class="title" data-v-31cb5067>Static Property</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"4af05539\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_class.md\":\"66381877\",\"en_component_layers.md\":\"4dc5e66c\",\"component_setting.md\":\"1bc1860b\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_contextmenu.md\":\"dbd69c21\",\"component_controls.md\":\"fea1c7e9\",\"en_plugin_hls-quality.md\":\"d5e1f2f9\",\"en_library_hls.md\":\"3399b13e\",\"en_plugin_dash-quality.md\":\"e282d033\",\"en_plugin_ads.md\":\"20814d70\",\"en_advanced_global.md\":\"8d7d71f1\",\"advanced_global.md\":\"cf94e284\",\"en_library_dash.md\":\"1a94a772\",\"plugin_hls-quality.md\":\"37c40d33\",\"en_advanced_event.md\":\"eb727357\",\"en_plugin_control-ui.md\":\"47bbaae8\",\"library_dash.md\":\"548ff0b2\",\"index.md\":\"6e33e2c8\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0e8ce28d\",\"plugin_control-ui.md\":\"c659ca75\",\"en_library_flv.md\":\"3eb5ed90\",\"en_advanced_property.md\":\"779fe490\",\"plugin_dash-quality.md\":\"a81bd03a\",\"library_hls.md\":\"3142dc3f\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_property.md\":\"32e0ebc0\",\"plugin_danmuku.md\":\"8f352f8c\",\"advanced_event.md\":\"95edbd6b\",\"en_index.md\":\"fa12ecae\",\"en_advanced_built-in.md\":\"852cc7ad\",\"plugin_iframe.md\":\"72fa105c\",\"en_plugin_iframe.md\":\"9e8da093\",\"advanced_built-in.md\":\"2e0780a4\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"af10fe5b\",\"component_layers.md\":\"c089d00b\",\"start_option.md\":\"08913fb2\"}")
+    <script>__VP_HASH_MAP__ = JSON.parse("{\"en_plugin_ads.md\":\"2af64c73\",\"en_index.md\":\"4bcd5818\",\"library_dash.md\":\"548ff0b2\",\"advanced_class.md\":\"4af05539\",\"en_plugin_dash-quality.md\":\"fc109dde\",\"advanced_built-in.md\":\"cc59829e\",\"index.md\":\"1c8c6bb6\",\"en_plugin_control-ui.md\":\"20f93aee\",\"component_layers.md\":\"c089d00b\",\"en_library_dash.md\":\"1a94a772\",\"en_library_hls.md\":\"3399b13e\",\"library_hls.md\":\"3142dc3f\",\"component_controls.md\":\"fea1c7e9\",\"en_advanced_class.md\":\"66381877\",\"advanced_global.md\":\"cf94e284\",\"component_setting.md\":\"1bc1860b\",\"en_library_flv.md\":\"3eb5ed90\",\"en_plugin_hls-quality.md\":\"29073479\",\"plugin_iframe.md\":\"694891af\",\"en_component_contextmenu.md\":\"dbd69c21\",\"en_advanced_built-in.md\":\"4a199548\",\"plugin_control-ui.md\":\"d2e75882\",\"plugin_hls-quality.md\":\"6598e03e\",\"plugin_dash-quality.md\":\"a1f47340\",\"en_plugin_iframe.md\":\"46ba31d6\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_property.md\":\"779fe490\",\"en_component_layers.md\":\"4dc5e66c\",\"plugin_danmuku.md\":\"beba9d3d\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0c9b0374\",\"start_option.md\":\"cfe39ba5\",\"en_advanced_global.md\":\"8d7d71f1\",\"en_advanced_event.md\":\"eb727357\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"059aa136\",\"advanced_property.md\":\"32e0ebc0\",\"advanced_event.md\":\"95edbd6b\"}")
 __VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Artplayer.js\",\"description\":\"ArtPlayer.js is a modern and full featured HTML5 video player\",\"base\":\"/document/\",\"head\":[],\"appearance\":\"dark\",\"themeConfig\":{\"siteTitle\":\"Artplayer.js\",\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"中文版\",\"link\":\"/\"},{\"text\":\"English\",\"link\":\"/en/\",\"activeMatch\":\"/en/\"},{\"text\":\"Online Editor\",\"link\":\"https://artplayer.org\"},{\"text\":\"5.0.x\",\"items\":[{\"text\":\"Changelog\",\"link\":\"https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md\"},{\"text\":\"Donation\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#donations\"},{\"text\":\"Q群: 320881312\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#qq-group\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/zhw2590582/ArtPlayer\"}],\"sidebar\":{\"/\":[{\"text\":\"开始\",\"collapsible\":true,\"items\":[{\"text\":\"安装使用\",\"link\":\"/\"},{\"text\":\"基础选项\",\"link\":\"/start/option\"}]},{\"text\":\"组件\",\"collapsible\":true,\"items\":[{\"text\":\"业务层\",\"link\":\"/component/layers\"},{\"text\":\"控制器\",\"link\":\"/component/controls\"},{\"text\":\"右键菜单\",\"link\":\"/component/contextmenu\"},{\"text\":\"设置面板\",\"link\":\"/component/setting\"}]},{\"text\":\"高级\",\"collapsible\":true,\"items\":[{\"text\":\"实例属性\",\"link\":\"/advanced/property\"},{\"text\":\"高级属性\",\"link\":\"/advanced/built-in\"},{\"text\":\"静态属性\",\"link\":\"/advanced/class\"},{\"text\":\"全局属性\",\"link\":\"/advanced/global\"},{\"text\":\"实例事件\",\"link\":\"/advanced/event\"},{\"text\":\"编写插件\",\"link\":\"/advanced/plugin\"}]},{\"text\":\"插件\",\"collapsible\":true,\"items\":[{\"text\":\"弹幕库\",\"link\":\"/plugin/danmuku\"},{\"text\":\"视频广告\",\"link\":\"/plugin/ads\"},{\"text\":\"Iframe 控制\",\"link\":\"/plugin/iframe\"},{\"text\":\"Hls 画质\",\"link\":\"/plugin/hls-quality\"},{\"text\":\"Dash 画质\",\"link\":\"/plugin/dash-quality\"},{\"text\":\"控制器皮肤\",\"link\":\"/plugin/control-ui\"}]},{\"text\":\"第三方库\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/library/dash\"}]}],\"/en/\":[{\"text\":\"Quick start\",\"collapsible\":true,\"items\":[{\"text\":\"Install\",\"link\":\"/en/\"},{\"text\":\"Option\",\"link\":\"/en/start/option\"}]},{\"text\":\"Component\",\"collapsible\":true,\"items\":[{\"text\":\"Layers\",\"link\":\"/en/component/layers\"},{\"text\":\"Controls\",\"link\":\"/en/component/controls\"},{\"text\":\"Contextmenu\",\"link\":\"/en/component/contextmenu\"},{\"text\":\"Setting\",\"link\":\"/en/component/setting\"}]},{\"text\":\"Advanced\",\"collapsible\":true,\"items\":[{\"text\":\"Instance Property\",\"link\":\"/en/advanced/property\"},{\"text\":\"Advanced Property\",\"link\":\"/en/advanced/built-in\"},{\"text\":\"Static Property\",\"link\":\"/en/advanced/class\"},{\"text\":\"Global Property\",\"link\":\"/en/advanced/global\"},{\"text\":\"Instance Event\",\"link\":\"/en/advanced/event\"},{\"text\":\"Writing Plugin\",\"link\":\"/en/advanced/plugin\"}]},{\"text\":\"Plugins\",\"collapsible\":true,\"items\":[{\"text\":\"Video Ads\",\"link\":\"/en/plugin/ads\"},{\"text\":\"Iframe Control\",\"link\":\"/en/plugin/iframe\"},{\"text\":\"Hls Quality\",\"link\":\"/en/plugin/hls-quality\"},{\"text\":\"Dash Quality\",\"link\":\"/en/plugin/dash-quality\"},{\"text\":\"Control UI\",\"link\":\"/en/plugin/control-ui\"}]},{\"text\":\"Libraries\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/en/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/en/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/en/library/dash\"}]}]},\"editLink\":{\"pattern\":\"https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/:path\",\"text\":\"Edit this page on GitHub\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
     
   </body>

docs/document/en/advanced/class.html

@@ -6,10 +6,10 @@
     <title>静态属性 | Artplayer.js</title>
     <meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player">
     <link rel="preload stylesheet" href="/document/assets/style.3d04a11d.css" as="style">
-    <script type="module" src="/document/assets/app.7d545639.js"></script>
+    <script type="module" src="/document/assets/app.c33a906f.js"></script>
     <link rel="preload" href="/document/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
   <link rel="modulepreload" href="/document/assets/chunks/framework.48115c03.js">
-  <link rel="modulepreload" href="/document/assets/chunks/theme.7576ef7a.js">
+  <link rel="modulepreload" href="/document/assets/chunks/theme.db6f7e65.js">
   <link rel="modulepreload" href="/document/assets/en_advanced_class.md.66381877.lean.js">
   <script src="/document/main.js"></script>
   <link rel="stylesheet" href="/document/style.css">
@@ -25,7 +25,7 @@
 <span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">info</span><span style="color:#A6ACCD;">([</span><span style="color:#89DDFF;">...</span><span style="color:#A6ACCD;">Artplayer</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">instances])</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br></div></div><h2 id="version" tabindex="-1"><code>version</code> <a class="header-anchor" href="#version" aria-label="Permalink to &quot;`version`&quot;">​</a></h2><p>返回播放器的版本信息</p><div className="run-code">▶ Run Code</div><div class="language-js line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">info</span><span style="color:#A6ACCD;">(Artplayer</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">version)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><h2 id="env" tabindex="-1"><code>env</code> <a class="header-anchor" href="#env" aria-label="Permalink to &quot;`env`&quot;">​</a></h2><p>返回播放器的环境变量</p><div className="run-code">▶ Run Code</div><div class="language-js line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">info</span><span style="color:#A6ACCD;">(Artplayer</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">env)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><h2 id="build" tabindex="-1"><code>build</code> <a class="header-anchor" href="#build" aria-label="Permalink to &quot;`build`&quot;">​</a></h2><p>返回播放器的打包时间</p><div className="run-code">▶ Run Code</div><div class="language-js line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">info</span><span style="color:#A6ACCD;">(Artplayer</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">build)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><h2 id="config" tabindex="-1"><code>config</code> <a class="header-anchor" href="#config" aria-label="Permalink to &quot;`config`&quot;">​</a></h2><p>返回视频的默认配置</p><div className="run-code">▶ Run Code</div><div class="language-js line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">info</span><span style="color:#A6ACCD;">(Artplayer</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">config)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><h2 id="utils" tabindex="-1"><code>utils</code> <a class="header-anchor" href="#utils" aria-label="Permalink to &quot;`utils`&quot;">​</a></h2><p>返回播放器的工具函数集合</p><div className="run-code">▶ Run Code</div><div class="language-js line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">info</span><span style="color:#A6ACCD;">(Artplayer</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">utils)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="warning custom-block"><p class="custom-block-title">全部工具函数请参考以下地址：</p><p><a href="httLine truncated
-    <script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"4af05539\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_class.md\":\"66381877\",\"en_component_layers.md\":\"4dc5e66c\",\"component_setting.md\":\"1bc1860b\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_contextmenu.md\":\"dbd69c21\",\"component_controls.md\":\"fea1c7e9\",\"en_plugin_hls-quality.md\":\"d5e1f2f9\",\"en_library_hls.md\":\"3399b13e\",\"en_plugin_dash-quality.md\":\"e282d033\",\"en_plugin_ads.md\":\"20814d70\",\"en_advanced_global.md\":\"8d7d71f1\",\"advanced_global.md\":\"cf94e284\",\"en_library_dash.md\":\"1a94a772\",\"plugin_hls-quality.md\":\"37c40d33\",\"en_advanced_event.md\":\"eb727357\",\"en_plugin_control-ui.md\":\"47bbaae8\",\"library_dash.md\":\"548ff0b2\",\"index.md\":\"6e33e2c8\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0e8ce28d\",\"plugin_control-ui.md\":\"c659ca75\",\"en_library_flv.md\":\"3eb5ed90\",\"en_advanced_property.md\":\"779fe490\",\"plugin_dash-quality.md\":\"a81bd03a\",\"library_hls.md\":\"3142dc3f\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_property.md\":\"32e0ebc0\",\"plugin_danmuku.md\":\"8f352f8c\",\"advanced_event.md\":\"95edbd6b\",\"en_index.md\":\"fa12ecae\",\"en_advanced_built-in.md\":\"852cc7ad\",\"plugin_iframe.md\":\"72fa105c\",\"en_plugin_iframe.md\":\"9e8da093\",\"advanced_built-in.md\":\"2e0780a4\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"af10fe5b\",\"component_layers.md\":\"c089d00b\",\"start_option.md\":\"08913fb2\"}")
+    <script>__VP_HASH_MAP__ = JSON.parse("{\"en_plugin_ads.md\":\"2af64c73\",\"en_index.md\":\"4bcd5818\",\"library_dash.md\":\"548ff0b2\",\"advanced_class.md\":\"4af05539\",\"en_plugin_dash-quality.md\":\"fc109dde\",\"advanced_built-in.md\":\"cc59829e\",\"index.md\":\"1c8c6bb6\",\"en_plugin_control-ui.md\":\"20f93aee\",\"component_layers.md\":\"c089d00b\",\"en_library_dash.md\":\"1a94a772\",\"en_library_hls.md\":\"3399b13e\",\"library_hls.md\":\"3142dc3f\",\"component_controls.md\":\"fea1c7e9\",\"en_advanced_class.md\":\"66381877\",\"advanced_global.md\":\"cf94e284\",\"component_setting.md\":\"1bc1860b\",\"en_library_flv.md\":\"3eb5ed90\",\"en_plugin_hls-quality.md\":\"29073479\",\"plugin_iframe.md\":\"694891af\",\"en_component_contextmenu.md\":\"dbd69c21\",\"en_advanced_built-in.md\":\"4a199548\",\"plugin_control-ui.md\":\"d2e75882\",\"plugin_hls-quality.md\":\"6598e03e\",\"plugin_dash-quality.md\":\"a1f47340\",\"en_plugin_iframe.md\":\"46ba31d6\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_property.md\":\"779fe490\",\"en_component_layers.md\":\"4dc5e66c\",\"plugin_danmuku.md\":\"beba9d3d\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0c9b0374\",\"start_option.md\":\"cfe39ba5\",\"en_advanced_global.md\":\"8d7d71f1\",\"en_advanced_event.md\":\"eb727357\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"059aa136\",\"advanced_property.md\":\"32e0ebc0\",\"advanced_event.md\":\"95edbd6b\"}")
 __VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Artplayer.js\",\"description\":\"ArtPlayer.js is a modern and full featured HTML5 video player\",\"base\":\"/document/\",\"head\":[],\"appearance\":\"dark\",\"themeConfig\":{\"siteTitle\":\"Artplayer.js\",\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"中文版\",\"link\":\"/\"},{\"text\":\"English\",\"link\":\"/en/\",\"activeMatch\":\"/en/\"},{\"text\":\"Online Editor\",\"link\":\"https://artplayer.org\"},{\"text\":\"5.0.x\",\"items\":[{\"text\":\"Changelog\",\"link\":\"https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md\"},{\"text\":\"Donation\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#donations\"},{\"text\":\"Q群: 320881312\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#qq-group\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/zhw2590582/ArtPlayer\"}],\"sidebar\":{\"/\":[{\"text\":\"开始\",\"collapsible\":true,\"items\":[{\"text\":\"安装使用\",\"link\":\"/\"},{\"text\":\"基础选项\",\"link\":\"/start/option\"}]},{\"text\":\"组件\",\"collapsible\":true,\"items\":[{\"text\":\"业务层\",\"link\":\"/component/layers\"},{\"text\":\"控制器\",\"link\":\"/component/controls\"},{\"text\":\"右键菜单\",\"link\":\"/component/contextmenu\"},{\"text\":\"设置面板\",\"link\":\"/component/setting\"}]},{\"text\":\"高级\",\"collapsible\":true,\"items\":[{\"text\":\"实例属性\",\"link\":\"/advanced/property\"},{\"text\":\"高级属性\",\"link\":\"/advanced/built-in\"},{\"text\":\"静态属性\",\"link\":\"/advanced/class\"},{\"text\":\"全局属性\",\"link\":\"/advanced/global\"},{\"text\":\"实例事件\",\"link\":\"/advanced/event\"},{\"text\":\"编写插件\",\"link\":\"/advanced/plugin\"}]},{\"text\":\"插件\",\"collapsible\":true,\"items\":[{\"text\":\"弹幕库\",\"link\":\"/plugin/danmuku\"},{\"text\":\"视频广告\",\"link\":\"/plugin/ads\"},{\"text\":\"Iframe 控制\",\"link\":\"/plugin/iframe\"},{\"text\":\"Hls 画质\",\"link\":\"/plugin/hls-quality\"},{\"text\":\"Dash 画质\",\"link\":\"/plugin/dash-quality\"},{\"text\":\"控制器皮肤\",\"link\":\"/plugin/control-ui\"}]},{\"text\":\"第三方库\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/library/dash\"}]}],\"/en/\":[{\"text\":\"Quick start\",\"collapsible\":true,\"items\":[{\"text\":\"Install\",\"link\":\"/en/\"},{\"text\":\"Option\",\"link\":\"/en/start/option\"}]},{\"text\":\"Component\",\"collapsible\":true,\"items\":[{\"text\":\"Layers\",\"link\":\"/en/component/layers\"},{\"text\":\"Controls\",\"link\":\"/en/component/controls\"},{\"text\":\"Contextmenu\",\"link\":\"/en/component/contextmenu\"},{\"text\":\"Setting\",\"link\":\"/en/component/setting\"}]},{\"text\":\"Advanced\",\"collapsible\":true,\"items\":[{\"text\":\"Instance Property\",\"link\":\"/en/advanced/property\"},{\"text\":\"Advanced Property\",\"link\":\"/en/advanced/built-in\"},{\"text\":\"Static Property\",\"link\":\"/en/advanced/class\"},{\"text\":\"Global Property\",\"link\":\"/en/advanced/global\"},{\"text\":\"Instance Event\",\"link\":\"/en/advanced/event\"},{\"text\":\"Writing Plugin\",\"link\":\"/en/advanced/plugin\"}]},{\"text\":\"Plugins\",\"collapsible\":true,\"items\":[{\"text\":\"Video Ads\",\"link\":\"/en/plugin/ads\"},{\"text\":\"Iframe Control\",\"link\":\"/en/plugin/iframe\"},{\"text\":\"Hls Quality\",\"link\":\"/en/plugin/hls-quality\"},{\"text\":\"Dash Quality\",\"link\":\"/en/plugin/dash-quality\"},{\"text\":\"Control UI\",\"link\":\"/en/plugin/control-ui\"}]},{\"text\":\"Libraries\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/en/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/en/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/en/library/dash\"}]}]},\"editLink\":{\"pattern\":\"https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/:path\",\"text\":\"Edit this page on GitHub\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
     
   </body>

docs/document/en/advanced/event.html

@@ -6,10 +6,10 @@
     <title>实例事件 | Artplayer.js</title>
     <meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player">
     <link rel="preload stylesheet" href="/document/assets/style.3d04a11d.css" as="style">
-    <script type="module" src="/document/assets/app.7d545639.js"></script>
+    <script type="module" src="/document/assets/app.c33a906f.js"></script>
     <link rel="preload" href="/document/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
   <link rel="modulepreload" href="/document/assets/chunks/framework.48115c03.js">
-  <link rel="modulepreload" href="/document/assets/chunks/theme.7576ef7a.js">
+  <link rel="modulepreload" href="/document/assets/chunks/theme.db6f7e65.js">
   <link rel="modulepreload" href="/document/assets/en_advanced_event.md.eb727357.lean.js">
   <script src="/document/main.js"></script>
   <link rel="stylesheet" href="/document/style.css">
@@ -361,7 +361,7 @@
 <span class="line"><span style="color:#A6ACCD;">art</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">on</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">setting</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;font-style:italic;">state</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=&gt;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
 <span class="line"><span style="color:#F07178;">    </span><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">log</span><span style="color:#F07178;">(</span><span style="color:#A6ACCD;">state</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
 <span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br></div></div><h2 id="video-canplay" tabindex="-1"><code>video:canplay</code> <a class="header-anchor" href="#video-canplay" aria-label="Permalink to &quot;`video:canplay`&quot;">​</a></h2><p>浏览器可以播放媒体文件了，但估计没有足够的数据来支撑播放到结束，不必停下来进一步缓冲内容</p><h2 id="video-canplaythrough" tabindex="-1"><code>video:canplaythrough</code> <a class="header-anchor" href="#video-canplaythrough" aria-label="Permalink to &quot;`video:canplaythrough`&quot;">​</a></h2><p>浏览器估计它可以在不停止内容缓冲的情况下播放媒体直到结束</p><h2 id="video-complete" tabindex="-1"><code>video:complete</code> <a class="header-anchor" href="#video-complete" aria-label="Permalink to &quot;`video:complete`&quot;">​</a></h2><p>OfflineAudioContext 渲染完成</p><h2 id="video-durationchange" tabindex="-1"><code>video:durationchange</code> <a class="header-anchor" href="#video-durationchange" aria-label="Permalink to &quot;`video:durationchange`&quot;">​</a></h2><p>duration 属性的值改变时触发</p><h2 id="video-emptied" tabindex="-1"><code>video:emptied</code> <a class="header-anchor" href="#video-emptied" aria-label="Permalink to &quot;`video:emptied`&quot;">​</a></h2><p>媒体内容变为空；例如，当这个 media 已经加载完成（或者部分加载完成），则发送此事件，并调用 load() 方法重新加载它</p><h2 id="video-ended" tabindex="-1"><code>video:ended</code> <a class="header-anchor" href="#video-ended" aria-label="Permalink to &quot;`video:ended`&quot;">​</a></h2><p>视频停止播放，因为 media 已经到达结束点</p><h2 id="video-error" tabindex="-1"><code>video:error</code> <a class="header-anchor" href="#video-error" aria-label="Permalink to &quot;`video:error`&quot;">​</a></h2><p>获取媒体数据时出错，或者资源类型不是受支持的媒体格式</p><h2 id="video-loadeddata" tabindex="-1"><code>video:loadeddata</code> <a class="header-anchor" href="#video-loadeddata" aria-label="Permalink to &quot;`video:loadeddata`&quot;">​</a></h2><p>media 中的首帧已经完成加载</p><h2 id="video-loadedmetadata" tabindex="-1"><code>video:loadedmetadata</code> <a class="header-anchor" href="#video-loadedmetadata" aria-label="Permalink to &quot;`video:loadedmetadata`&quot;">​</a></h2><p>已加载元数据</p><h2 id="video-pause" tabindex="-1"><code>video:pause</code> <a class="header-anchor" href="#video-pause" aria-label="Permalink to &quot;`video:pause`&quot;">​</a></h2><p>播放已暂停</p><h2 id="video-play" tabindex="-1"><code>video:play</code> <a class="header-anchor" href="#video-play" aria-label="Permalink to &quot;`video:play`&quot;">​</a></h2><p>播放已开始</p><h2 id="video-playing" tabindex="-1"><code>video:playing</code> <a class="header-anchor" href="#video-playing" aria-label="Permalink to &quot;`video:playing`&quot;">​</a></h2><p>由于缺乏数据而暂停或延迟后，播放准备开始</p><h2 id="video-progress" tabindex="-1"><code>video:progress</code> <a class="header-anchor" href="#video-progress" aria-label="Permalink to &quot;`video:progress`&quot;">​</a></h2><p>在浏览器加载资源时周期性触发</p><h2 id="video-ratechange" tabindex="-1"><code>video:ratechange</code> <a class="header-anchor" href="#video-ratechange" aria-label="Permalink to &quot;`video:ratechange`&quot;">​</a></h2><p>播放速率发生变化</p><h2 id="video-seeked" tabindex="-1"><code>video:seeked</code> <a class="header-anchor" href="#video-seeked" aria-label="Permalink to &quot;`video:seeked`&quot;">​</a></h2><p>跳帧（seek）操作完成</p><h2 id="video-seeking" tabindex="-1"><code>video:seeking</code> <a class="header-anchor" href="#video-seeking" aria-label="Permalink to &quot;`video:seeking`&quot;">​</a></h2><p>跳帧（seek）操作开始</p><h2 id="video-stalled" tabindex="-1"><code>video:stalled</code> <a class="header-anchor" href="#video-stalled" aria-label="Permalink to &quot;`video:stalled`&quot;">​</a></h2><p>用户代理（user agent）正在尝试获取媒体数据，但数据意外未出现</p><h2 id="video-suspend" tabindex="-1"><code>video:suspend</code> <a class="header-anchor" href="#video-suspend" aria-label="Permalink to &quot;`video:suspend`&quot;">​</a></h2><p>媒体数据加载已暂停</p><h2 id="video-timeupdate" tabindex="-1"><code>video:timeupdate</code> <a class="header-anchor" href=Line truncated
-    <script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"4af05539\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_class.md\":\"66381877\",\"en_component_layers.md\":\"4dc5e66c\",\"component_setting.md\":\"1bc1860b\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_contextmenu.md\":\"dbd69c21\",\"component_controls.md\":\"fea1c7e9\",\"en_plugin_hls-quality.md\":\"d5e1f2f9\",\"en_library_hls.md\":\"3399b13e\",\"en_plugin_dash-quality.md\":\"e282d033\",\"en_plugin_ads.md\":\"20814d70\",\"en_advanced_global.md\":\"8d7d71f1\",\"advanced_global.md\":\"cf94e284\",\"en_library_dash.md\":\"1a94a772\",\"plugin_hls-quality.md\":\"37c40d33\",\"en_advanced_event.md\":\"eb727357\",\"en_plugin_control-ui.md\":\"47bbaae8\",\"library_dash.md\":\"548ff0b2\",\"index.md\":\"6e33e2c8\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0e8ce28d\",\"plugin_control-ui.md\":\"c659ca75\",\"en_library_flv.md\":\"3eb5ed90\",\"en_advanced_property.md\":\"779fe490\",\"plugin_dash-quality.md\":\"a81bd03a\",\"library_hls.md\":\"3142dc3f\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_property.md\":\"32e0ebc0\",\"plugin_danmuku.md\":\"8f352f8c\",\"advanced_event.md\":\"95edbd6b\",\"en_index.md\":\"fa12ecae\",\"en_advanced_built-in.md\":\"852cc7ad\",\"plugin_iframe.md\":\"72fa105c\",\"en_plugin_iframe.md\":\"9e8da093\",\"advanced_built-in.md\":\"2e0780a4\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"af10fe5b\",\"component_layers.md\":\"c089d00b\",\"start_option.md\":\"08913fb2\"}")
+    <script>__VP_HASH_MAP__ = JSON.parse("{\"en_plugin_ads.md\":\"2af64c73\",\"en_index.md\":\"4bcd5818\",\"library_dash.md\":\"548ff0b2\",\"advanced_class.md\":\"4af05539\",\"en_plugin_dash-quality.md\":\"fc109dde\",\"advanced_built-in.md\":\"cc59829e\",\"index.md\":\"1c8c6bb6\",\"en_plugin_control-ui.md\":\"20f93aee\",\"component_layers.md\":\"c089d00b\",\"en_library_dash.md\":\"1a94a772\",\"en_library_hls.md\":\"3399b13e\",\"library_hls.md\":\"3142dc3f\",\"component_controls.md\":\"fea1c7e9\",\"en_advanced_class.md\":\"66381877\",\"advanced_global.md\":\"cf94e284\",\"component_setting.md\":\"1bc1860b\",\"en_library_flv.md\":\"3eb5ed90\",\"en_plugin_hls-quality.md\":\"29073479\",\"plugin_iframe.md\":\"694891af\",\"en_component_contextmenu.md\":\"dbd69c21\",\"en_advanced_built-in.md\":\"4a199548\",\"plugin_control-ui.md\":\"d2e75882\",\"plugin_hls-quality.md\":\"6598e03e\",\"plugin_dash-quality.md\":\"a1f47340\",\"en_plugin_iframe.md\":\"46ba31d6\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_property.md\":\"779fe490\",\"en_component_layers.md\":\"4dc5e66c\",\"plugin_danmuku.md\":\"beba9d3d\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0c9b0374\",\"start_option.md\":\"cfe39ba5\",\"en_advanced_global.md\":\"8d7d71f1\",\"en_advanced_event.md\":\"eb727357\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"059aa136\",\"advanced_property.md\":\"32e0ebc0\",\"advanced_event.md\":\"95edbd6b\"}")
 __VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Artplayer.js\",\"description\":\"ArtPlayer.js is a modern and full featured HTML5 video player\",\"base\":\"/document/\",\"head\":[],\"appearance\":\"dark\",\"themeConfig\":{\"siteTitle\":\"Artplayer.js\",\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"中文版\",\"link\":\"/\"},{\"text\":\"English\",\"link\":\"/en/\",\"activeMatch\":\"/en/\"},{\"text\":\"Online Editor\",\"link\":\"https://artplayer.org\"},{\"text\":\"5.0.x\",\"items\":[{\"text\":\"Changelog\",\"link\":\"https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md\"},{\"text\":\"Donation\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#donations\"},{\"text\":\"Q群: 320881312\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#qq-group\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/zhw2590582/ArtPlayer\"}],\"sidebar\":{\"/\":[{\"text\":\"开始\",\"collapsible\":true,\"items\":[{\"text\":\"安装使用\",\"link\":\"/\"},{\"text\":\"基础选项\",\"link\":\"/start/option\"}]},{\"text\":\"组件\",\"collapsible\":true,\"items\":[{\"text\":\"业务层\",\"link\":\"/component/layers\"},{\"text\":\"控制器\",\"link\":\"/component/controls\"},{\"text\":\"右键菜单\",\"link\":\"/component/contextmenu\"},{\"text\":\"设置面板\",\"link\":\"/component/setting\"}]},{\"text\":\"高级\",\"collapsible\":true,\"items\":[{\"text\":\"实例属性\",\"link\":\"/advanced/property\"},{\"text\":\"高级属性\",\"link\":\"/advanced/built-in\"},{\"text\":\"静态属性\",\"link\":\"/advanced/class\"},{\"text\":\"全局属性\",\"link\":\"/advanced/global\"},{\"text\":\"实例事件\",\"link\":\"/advanced/event\"},{\"text\":\"编写插件\",\"link\":\"/advanced/plugin\"}]},{\"text\":\"插件\",\"collapsible\":true,\"items\":[{\"text\":\"弹幕库\",\"link\":\"/plugin/danmuku\"},{\"text\":\"视频广告\",\"link\":\"/plugin/ads\"},{\"text\":\"Iframe 控制\",\"link\":\"/plugin/iframe\"},{\"text\":\"Hls 画质\",\"link\":\"/plugin/hls-quality\"},{\"text\":\"Dash 画质\",\"link\":\"/plugin/dash-quality\"},{\"text\":\"控制器皮肤\",\"link\":\"/plugin/control-ui\"}]},{\"text\":\"第三方库\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/library/dash\"}]}],\"/en/\":[{\"text\":\"Quick start\",\"collapsible\":true,\"items\":[{\"text\":\"Install\",\"link\":\"/en/\"},{\"text\":\"Option\",\"link\":\"/en/start/option\"}]},{\"text\":\"Component\",\"collapsible\":true,\"items\":[{\"text\":\"Layers\",\"link\":\"/en/component/layers\"},{\"text\":\"Controls\",\"link\":\"/en/component/controls\"},{\"text\":\"Contextmenu\",\"link\":\"/en/component/contextmenu\"},{\"text\":\"Setting\",\"link\":\"/en/component/setting\"}]},{\"text\":\"Advanced\",\"collapsible\":true,\"items\":[{\"text\":\"Instance Property\",\"link\":\"/en/advanced/property\"},{\"text\":\"Advanced Property\",\"link\":\"/en/advanced/built-in\"},{\"text\":\"Static Property\",\"link\":\"/en/advanced/class\"},{\"text\":\"Global Property\",\"link\":\"/en/advanced/global\"},{\"text\":\"Instance Event\",\"link\":\"/en/advanced/event\"},{\"text\":\"Writing Plugin\",\"link\":\"/en/advanced/plugin\"}]},{\"text\":\"Plugins\",\"collapsible\":true,\"items\":[{\"text\":\"Video Ads\",\"link\":\"/en/plugin/ads\"},{\"text\":\"Iframe Control\",\"link\":\"/en/plugin/iframe\"},{\"text\":\"Hls Quality\",\"link\":\"/en/plugin/hls-quality\"},{\"text\":\"Dash Quality\",\"link\":\"/en/plugin/dash-quality\"},{\"text\":\"Control UI\",\"link\":\"/en/plugin/control-ui\"}]},{\"text\":\"Libraries\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/en/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/en/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/en/library/dash\"}]}]},\"editLink\":{\"pattern\":\"https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/:path\",\"text\":\"Edit this page on GitHub\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
     
   </body>

docs/document/en/advanced/global.html

@@ -6,10 +6,10 @@
     <title>全局属性 | Artplayer.js</title>
     <meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player">
     <link rel="preload stylesheet" href="/document/assets/style.3d04a11d.css" as="style">
-    <script type="module" src="/document/assets/app.7d545639.js"></script>
+    <script type="module" src="/document/assets/app.c33a906f.js"></script>
     <link rel="preload" href="/document/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
   <link rel="modulepreload" href="/document/assets/chunks/framework.48115c03.js">
-  <link rel="modulepreload" href="/document/assets/chunks/theme.7576ef7a.js">
+  <link rel="modulepreload" href="/document/assets/chunks/theme.db6f7e65.js">
   <link rel="modulepreload" href="/document/assets/en_advanced_global.md.8d7d71f1.lean.js">
   <script src="/document/main.js"></script>
   <link rel="stylesheet" href="/document/style.css">
@@ -223,7 +223,7 @@
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">url</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">/assets/sample/video.mp4</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">fullscreenWeb</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FF9CAC;">true</span><span style="color:#89DDFF;">,</span></span>
 <span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br></div></div></div></div></main><footer class="VPDocFooter" data-v-5aafa2ac data-v-31cb5067><!--[--><!--]--><div class="edit-info" data-v-31cb5067><div class="edit-link" data-v-31cb5067><a class="VPLink link edit-link-button" href="https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/en/advanced/global.md" target="_blank" rel="noreferrer" data-v-31cb5067 data-v-87683ad2><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" aria-label="edit icon" data-v-31cb5067><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-31cb5067><p class="VPLastUpdated" data-v-31cb5067 data-v-f00606ba>Last updated: <time datetime="2023-05-02T13:41:01.000Z" data-v-f00606ba></time></p></div></div><div class="prev-next" data-v-31cb5067><div class="pager" data-v-31cb5067><a class="pager-link prev" href="/document/en/advanced/class.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Previous page</span><span class="title" data-v-31cb5067>Static Property</span></a></div><div class="has-prev pager" data-v-31cb5067><a class="pager-link next" href="/document/en/advanced/event.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Next page</span><span class="title" data-v-31cb5067>Instance Event</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"4af05539\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_class.md\":\"66381877\",\"en_component_layers.md\":\"4dc5e66c\",\"component_setting.md\":\"1bc1860b\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_contextmenu.md\":\"dbd69c21\",\"component_controls.md\":\"fea1c7e9\",\"en_plugin_hls-quality.md\":\"d5e1f2f9\",\"en_library_hls.md\":\"3399b13e\",\"en_plugin_dash-quality.md\":\"e282d033\",\"en_plugin_ads.md\":\"20814d70\",\"en_advanced_global.md\":\"8d7d71f1\",\"advanced_global.md\":\"cf94e284\",\"en_library_dash.md\":\"1a94a772\",\"plugin_hls-quality.md\":\"37c40d33\",\"en_advanced_event.md\":\"eb727357\",\"en_plugin_control-ui.md\":\"47bbaae8\",\"library_dash.md\":\"548ff0b2\",\"index.md\":\"6e33e2c8\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0e8ce28d\",\"plugin_control-ui.md\":\"c659ca75\",\"en_library_flv.md\":\"3eb5ed90\",\"en_advanced_property.md\":\"779fe490\",\"plugin_dash-quality.md\":\"a81bd03a\",\"library_hls.md\":\"3142dc3f\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_property.md\":\"32e0ebc0\",\"plugin_danmuku.md\":\"8f352f8c\",\"advanced_event.md\":\"95edbd6b\",\"en_index.md\":\"fa12ecae\",\"en_advanced_built-in.md\":\"852cc7ad\",\"plugin_iframe.md\":\"72fa105c\",\"en_plugin_iframe.md\":\"9e8da093\",\"advanced_built-in.md\":\"2e0780a4\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"af10fe5b\",\"component_layers.md\":\"c089d00b\",\"start_option.md\":\"08913fb2\"}")
+    <script>__VP_HASH_MAP__ = JSON.parse("{\"en_plugin_ads.md\":\"2af64c73\",\"en_index.md\":\"4bcd5818\",\"library_dash.md\":\"548ff0b2\",\"advanced_class.md\":\"4af05539\",\"en_plugin_dash-quality.md\":\"fc109dde\",\"advanced_built-in.md\":\"cc59829e\",\"index.md\":\"1c8c6bb6\",\"en_plugin_control-ui.md\":\"20f93aee\",\"component_layers.md\":\"c089d00b\",\"en_library_dash.md\":\"1a94a772\",\"en_library_hls.md\":\"3399b13e\",\"library_hls.md\":\"3142dc3f\",\"component_controls.md\":\"fea1c7e9\",\"en_advanced_class.md\":\"66381877\",\"advanced_global.md\":\"cf94e284\",\"component_setting.md\":\"1bc1860b\",\"en_library_flv.md\":\"3eb5ed90\",\"en_plugin_hls-quality.md\":\"29073479\",\"plugin_iframe.md\":\"694891af\",\"en_component_contextmenu.md\":\"dbd69c21\",\"en_advanced_built-in.md\":\"4a199548\",\"plugin_control-ui.md\":\"d2e75882\",\"plugin_hls-quality.md\":\"6598e03e\",\"plugin_dash-quality.md\":\"a1f47340\",\"en_plugin_iframe.md\":\"46ba31d6\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_property.md\":\"779fe490\",\"en_component_layers.md\":\"4dc5e66c\",\"plugin_danmuku.md\":\"beba9d3d\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0c9b0374\",\"start_option.md\":\"cfe39ba5\",\"en_advanced_global.md\":\"8d7d71f1\",\"en_advanced_event.md\":\"eb727357\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"059aa136\",\"advanced_property.md\":\"32e0ebc0\",\"advanced_event.md\":\"95edbd6b\"}")
 __VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Artplayer.js\",\"description\":\"ArtPlayer.js is a modern and full featured HTML5 video player\",\"base\":\"/document/\",\"head\":[],\"appearance\":\"dark\",\"themeConfig\":{\"siteTitle\":\"Artplayer.js\",\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"中文版\",\"link\":\"/\"},{\"text\":\"English\",\"link\":\"/en/\",\"activeMatch\":\"/en/\"},{\"text\":\"Online Editor\",\"link\":\"https://artplayer.org\"},{\"text\":\"5.0.x\",\"items\":[{\"text\":\"Changelog\",\"link\":\"https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md\"},{\"text\":\"Donation\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#donations\"},{\"text\":\"Q群: 320881312\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#qq-group\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/zhw2590582/ArtPlayer\"}],\"sidebar\":{\"/\":[{\"text\":\"开始\",\"collapsible\":true,\"items\":[{\"text\":\"安装使用\",\"link\":\"/\"},{\"text\":\"基础选项\",\"link\":\"/start/option\"}]},{\"text\":\"组件\",\"collapsible\":true,\"items\":[{\"text\":\"业务层\",\"link\":\"/component/layers\"},{\"text\":\"控制器\",\"link\":\"/component/controls\"},{\"text\":\"右键菜单\",\"link\":\"/component/contextmenu\"},{\"text\":\"设置面板\",\"link\":\"/component/setting\"}]},{\"text\":\"高级\",\"collapsible\":true,\"items\":[{\"text\":\"实例属性\",\"link\":\"/advanced/property\"},{\"text\":\"高级属性\",\"link\":\"/advanced/built-in\"},{\"text\":\"静态属性\",\"link\":\"/advanced/class\"},{\"text\":\"全局属性\",\"link\":\"/advanced/global\"},{\"text\":\"实例事件\",\"link\":\"/advanced/event\"},{\"text\":\"编写插件\",\"link\":\"/advanced/plugin\"}]},{\"text\":\"插件\",\"collapsible\":true,\"items\":[{\"text\":\"弹幕库\",\"link\":\"/plugin/danmuku\"},{\"text\":\"视频广告\",\"link\":\"/plugin/ads\"},{\"text\":\"Iframe 控制\",\"link\":\"/plugin/iframe\"},{\"text\":\"Hls 画质\",\"link\":\"/plugin/hls-quality\"},{\"text\":\"Dash 画质\",\"link\":\"/plugin/dash-quality\"},{\"text\":\"控制器皮肤\",\"link\":\"/plugin/control-ui\"}]},{\"text\":\"第三方库\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/library/dash\"}]}],\"/en/\":[{\"text\":\"Quick start\",\"collapsible\":true,\"items\":[{\"text\":\"Install\",\"link\":\"/en/\"},{\"text\":\"Option\",\"link\":\"/en/start/option\"}]},{\"text\":\"Component\",\"collapsible\":true,\"items\":[{\"text\":\"Layers\",\"link\":\"/en/component/layers\"},{\"text\":\"Controls\",\"link\":\"/en/component/controls\"},{\"text\":\"Contextmenu\",\"link\":\"/en/component/contextmenu\"},{\"text\":\"Setting\",\"link\":\"/en/component/setting\"}]},{\"text\":\"Advanced\",\"collapsible\":true,\"items\":[{\"text\":\"Instance Property\",\"link\":\"/en/advanced/property\"},{\"text\":\"Advanced Property\",\"link\":\"/en/advanced/built-in\"},{\"text\":\"Static Property\",\"link\":\"/en/advanced/class\"},{\"text\":\"Global Property\",\"link\":\"/en/advanced/global\"},{\"text\":\"Instance Event\",\"link\":\"/en/advanced/event\"},{\"text\":\"Writing Plugin\",\"link\":\"/en/advanced/plugin\"}]},{\"text\":\"Plugins\",\"collapsible\":true,\"items\":[{\"text\":\"Video Ads\",\"link\":\"/en/plugin/ads\"},{\"text\":\"Iframe Control\",\"link\":\"/en/plugin/iframe\"},{\"text\":\"Hls Quality\",\"link\":\"/en/plugin/hls-quality\"},{\"text\":\"Dash Quality\",\"link\":\"/en/plugin/dash-quality\"},{\"text\":\"Control UI\",\"link\":\"/en/plugin/control-ui\"}]},{\"text\":\"Libraries\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/en/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/en/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/en/library/dash\"}]}]},\"editLink\":{\"pattern\":\"https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/:path\",\"text\":\"Edit this page on GitHub\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
     
   </body>

docs/document/en/advanced/plugin.html

@@ -6,10 +6,10 @@
     <title>编写插件 | Artplayer.js</title>
     <meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player">
     <link rel="preload stylesheet" href="/document/assets/style.3d04a11d.css" as="style">
-    <script type="module" src="/document/assets/app.7d545639.js"></script>
+    <script type="module" src="/document/assets/app.c33a906f.js"></script>
     <link rel="preload" href="/document/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
   <link rel="modulepreload" href="/document/assets/chunks/framework.48115c03.js">
-  <link rel="modulepreload" href="/document/assets/chunks/theme.7576ef7a.js">
+  <link rel="modulepreload" href="/document/assets/chunks/theme.db6f7e65.js">
   <link rel="modulepreload" href="/document/assets/en_advanced_plugin.md.355ebff5.lean.js">
   <script src="/document/main.js"></script>
   <link rel="stylesheet" href="/document/style.css">
@@ -116,7 +116,7 @@
 <span class="line"><span style="color:#A6ACCD;">        </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span></span>
 <span class="line"><span style="color:#A6ACCD;">    ]</span><span style="color:#89DDFF;">,</span></span>
 <span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br><span class="line-number">36</span><br><span class="line-number">37</span><br><span class="line-number">38</span><br><span class="line-number">39</span><br><span class="line-number">40</span><br><span class="line-number">41</span><br><span class="line-number">42</span><br><span class="line-number">43</span><br><span class="line-number">44</span><br><span class="line-number">45</span><br><span class="line-number">46</span><br><span class="line-number">47</span><br><span class="line-number">48</span><br><span class="line-number">49</span><br><span class="line-number">50</span><br><span class="line-number">51</span><br><span class="line-number">52</span><br><span class="line-number">53</span><br><span class="line-number">54</span><br><span class="line-number">55</span><br><span class="line-number">56</span><br><span class="line-number">57</span><br><span class="line-number">58</span><br><span class="line-number">59</span><br><span class="line-number">60</span><br></div></div></div></div></main><footer class="VPDocFooter" data-v-5aafa2ac data-v-31cb5067><!--[--><!--]--><div class="edit-info" data-v-31cb5067><div class="edit-link" data-v-31cb5067><a class="VPLink link edit-link-button" href="https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/en/advanced/plugin.md" target="_blank" rel="noreferrer" data-v-31cb5067 data-v-87683ad2><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" aria-label="edit icon" data-v-31cb5067><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-31cb5067><p class="VPLastUpdated" data-v-31cb5067 data-v-f00606ba>Last updated: <time datetime="2023-01-14T10:39:52.000Z" data-v-f00606ba></time></p></div></div><div class="prev-next" data-v-31cb5067><div class="pager" data-v-31cb5067><a class="pager-link prev" href="/document/en/advanced/event.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Previous page</span><span class="title" data-v-31cb5067>Instance Event</span></a></div><div class="has-prev pager" data-v-31cb5067><a class="pager-link next" href="/document/en/plugin/ads.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Next page</span><span class="title" data-v-31cb5067>Video Ads</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"4af05539\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_class.md\":\"66381877\",\"en_component_layers.md\":\"4dc5e66c\",\"component_setting.md\":\"1bc1860b\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_contextmenu.md\":\"dbd69c21\",\"component_controls.md\":\"fea1c7e9\",\"en_plugin_hls-quality.md\":\"d5e1f2f9\",\"en_library_hls.md\":\"3399b13e\",\"en_plugin_dash-quality.md\":\"e282d033\",\"en_plugin_ads.md\":\"20814d70\",\"en_advanced_global.md\":\"8d7d71f1\",\"advanced_global.md\":\"cf94e284\",\"en_library_dash.md\":\"1a94a772\",\"plugin_hls-quality.md\":\"37c40d33\",\"en_advanced_event.md\":\"eb727357\",\"en_plugin_control-ui.md\":\"47bbaae8\",\"library_dash.md\":\"548ff0b2\",\"index.md\":\"6e33e2c8\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0e8ce28d\",\"plugin_control-ui.md\":\"c659ca75\",\"en_library_flv.md\":\"3eb5ed90\",\"en_advanced_property.md\":\"779fe490\",\"plugin_dash-quality.md\":\"a81bd03a\",\"library_hls.md\":\"3142dc3f\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_property.md\":\"32e0ebc0\",\"plugin_danmuku.md\":\"8f352f8c\",\"advanced_event.md\":\"95edbd6b\",\"en_index.md\":\"fa12ecae\",\"en_advanced_built-in.md\":\"852cc7ad\",\"plugin_iframe.md\":\"72fa105c\",\"en_plugin_iframe.md\":\"9e8da093\",\"advanced_built-in.md\":\"2e0780a4\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"af10fe5b\",\"component_layers.md\":\"c089d00b\",\"start_option.md\":\"08913fb2\"}")
+    <script>__VP_HASH_MAP__ = JSON.parse("{\"en_plugin_ads.md\":\"2af64c73\",\"en_index.md\":\"4bcd5818\",\"library_dash.md\":\"548ff0b2\",\"advanced_class.md\":\"4af05539\",\"en_plugin_dash-quality.md\":\"fc109dde\",\"advanced_built-in.md\":\"cc59829e\",\"index.md\":\"1c8c6bb6\",\"en_plugin_control-ui.md\":\"20f93aee\",\"component_layers.md\":\"c089d00b\",\"en_library_dash.md\":\"1a94a772\",\"en_library_hls.md\":\"3399b13e\",\"library_hls.md\":\"3142dc3f\",\"component_controls.md\":\"fea1c7e9\",\"en_advanced_class.md\":\"66381877\",\"advanced_global.md\":\"cf94e284\",\"component_setting.md\":\"1bc1860b\",\"en_library_flv.md\":\"3eb5ed90\",\"en_plugin_hls-quality.md\":\"29073479\",\"plugin_iframe.md\":\"694891af\",\"en_component_contextmenu.md\":\"dbd69c21\",\"en_advanced_built-in.md\":\"4a199548\",\"plugin_control-ui.md\":\"d2e75882\",\"plugin_hls-quality.md\":\"6598e03e\",\"plugin_dash-quality.md\":\"a1f47340\",\"en_plugin_iframe.md\":\"46ba31d6\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_property.md\":\"779fe490\",\"en_component_layers.md\":\"4dc5e66c\",\"plugin_danmuku.md\":\"beba9d3d\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0c9b0374\",\"start_option.md\":\"cfe39ba5\",\"en_advanced_global.md\":\"8d7d71f1\",\"en_advanced_event.md\":\"eb727357\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"059aa136\",\"advanced_property.md\":\"32e0ebc0\",\"advanced_event.md\":\"95edbd6b\"}")
 __VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Artplayer.js\",\"description\":\"ArtPlayer.js is a modern and full featured HTML5 video player\",\"base\":\"/document/\",\"head\":[],\"appearance\":\"dark\",\"themeConfig\":{\"siteTitle\":\"Artplayer.js\",\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"中文版\",\"link\":\"/\"},{\"text\":\"English\",\"link\":\"/en/\",\"activeMatch\":\"/en/\"},{\"text\":\"Online Editor\",\"link\":\"https://artplayer.org\"},{\"text\":\"5.0.x\",\"items\":[{\"text\":\"Changelog\",\"link\":\"https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md\"},{\"text\":\"Donation\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#donations\"},{\"text\":\"Q群: 320881312\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#qq-group\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/zhw2590582/ArtPlayer\"}],\"sidebar\":{\"/\":[{\"text\":\"开始\",\"collapsible\":true,\"items\":[{\"text\":\"安装使用\",\"link\":\"/\"},{\"text\":\"基础选项\",\"link\":\"/start/option\"}]},{\"text\":\"组件\",\"collapsible\":true,\"items\":[{\"text\":\"业务层\",\"link\":\"/component/layers\"},{\"text\":\"控制器\",\"link\":\"/component/controls\"},{\"text\":\"右键菜单\",\"link\":\"/component/contextmenu\"},{\"text\":\"设置面板\",\"link\":\"/component/setting\"}]},{\"text\":\"高级\",\"collapsible\":true,\"items\":[{\"text\":\"实例属性\",\"link\":\"/advanced/property\"},{\"text\":\"高级属性\",\"link\":\"/advanced/built-in\"},{\"text\":\"静态属性\",\"link\":\"/advanced/class\"},{\"text\":\"全局属性\",\"link\":\"/advanced/global\"},{\"text\":\"实例事件\",\"link\":\"/advanced/event\"},{\"text\":\"编写插件\",\"link\":\"/advanced/plugin\"}]},{\"text\":\"插件\",\"collapsible\":true,\"items\":[{\"text\":\"弹幕库\",\"link\":\"/plugin/danmuku\"},{\"text\":\"视频广告\",\"link\":\"/plugin/ads\"},{\"text\":\"Iframe 控制\",\"link\":\"/plugin/iframe\"},{\"text\":\"Hls 画质\",\"link\":\"/plugin/hls-quality\"},{\"text\":\"Dash 画质\",\"link\":\"/plugin/dash-quality\"},{\"text\":\"控制器皮肤\",\"link\":\"/plugin/control-ui\"}]},{\"text\":\"第三方库\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/library/dash\"}]}],\"/en/\":[{\"text\":\"Quick start\",\"collapsible\":true,\"items\":[{\"text\":\"Install\",\"link\":\"/en/\"},{\"text\":\"Option\",\"link\":\"/en/start/option\"}]},{\"text\":\"Component\",\"collapsible\":true,\"items\":[{\"text\":\"Layers\",\"link\":\"/en/component/layers\"},{\"text\":\"Controls\",\"link\":\"/en/component/controls\"},{\"text\":\"Contextmenu\",\"link\":\"/en/component/contextmenu\"},{\"text\":\"Setting\",\"link\":\"/en/component/setting\"}]},{\"text\":\"Advanced\",\"collapsible\":true,\"items\":[{\"text\":\"Instance Property\",\"link\":\"/en/advanced/property\"},{\"text\":\"Advanced Property\",\"link\":\"/en/advanced/built-in\"},{\"text\":\"Static Property\",\"link\":\"/en/advanced/class\"},{\"text\":\"Global Property\",\"link\":\"/en/advanced/global\"},{\"text\":\"Instance Event\",\"link\":\"/en/advanced/event\"},{\"text\":\"Writing Plugin\",\"link\":\"/en/advanced/plugin\"}]},{\"text\":\"Plugins\",\"collapsible\":true,\"items\":[{\"text\":\"Video Ads\",\"link\":\"/en/plugin/ads\"},{\"text\":\"Iframe Control\",\"link\":\"/en/plugin/iframe\"},{\"text\":\"Hls Quality\",\"link\":\"/en/plugin/hls-quality\"},{\"text\":\"Dash Quality\",\"link\":\"/en/plugin/dash-quality\"},{\"text\":\"Control UI\",\"link\":\"/en/plugin/control-ui\"}]},{\"text\":\"Libraries\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/en/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/en/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/en/library/dash\"}]}]},\"editLink\":{\"pattern\":\"https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/:path\",\"text\":\"Edit this page on GitHub\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
     
   </body>

docs/document/en/advanced/property.html

@@ -6,10 +6,10 @@
     <title>Instance Property | Artplayer.js</title>
     <meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player">
     <link rel="preload stylesheet" href="/document/assets/style.3d04a11d.css" as="style">
-    <script type="module" src="/document/assets/app.7d545639.js"></script>
+    <script type="module" src="/document/assets/app.c33a906f.js"></script>
     <link rel="preload" href="/document/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
   <link rel="modulepreload" href="/document/assets/chunks/framework.48115c03.js">
-  <link rel="modulepreload" href="/document/assets/chunks/theme.7576ef7a.js">
+  <link rel="modulepreload" href="/document/assets/chunks/theme.db6f7e65.js">
   <link rel="modulepreload" href="/document/assets/en_advanced_property.md.779fe490.lean.js">
   <script src="/document/main.js"></script>
   <link rel="stylesheet" href="/document/style.css">
@@ -371,7 +371,7 @@
 <span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span>
 <span class="line"></span>
 <span class="line highlighted"><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">info</span><span style="color:#A6ACCD;">(art</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">video)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br></div></div></div></div></main><footer class="VPDocFooter" data-v-5aafa2ac data-v-31cb5067><!--[--><!--]--><div class="edit-info" data-v-31cb5067><div class="edit-link" data-v-31cb5067><a class="VPLink link edit-link-button" href="https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/en/advanced/property.md" target="_blank" rel="noreferrer" data-v-31cb5067 data-v-87683ad2><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" aria-label="edit icon" data-v-31cb5067><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-31cb5067><p class="VPLastUpdated" data-v-31cb5067 data-v-f00606ba>Last updated: <time datetime="2023-01-21T03:20:20.000Z" data-v-f00606ba></time></p></div></div><div class="prev-next" data-v-31cb5067><div class="pager" data-v-31cb5067><a class="pager-link prev" href="/document/en/component/setting.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Previous page</span><span class="title" data-v-31cb5067>Setting</span></a></div><div class="has-prev pager" data-v-31cb5067><a class="pager-link next" href="/document/en/advanced/built-in.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Next page</span><span class="title" data-v-31cb5067>Advanced Property</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"4af05539\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_class.md\":\"66381877\",\"en_component_layers.md\":\"4dc5e66c\",\"component_setting.md\":\"1bc1860b\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_contextmenu.md\":\"dbd69c21\",\"component_controls.md\":\"fea1c7e9\",\"en_plugin_hls-quality.md\":\"d5e1f2f9\",\"en_library_hls.md\":\"3399b13e\",\"en_plugin_dash-quality.md\":\"e282d033\",\"en_plugin_ads.md\":\"20814d70\",\"en_advanced_global.md\":\"8d7d71f1\",\"advanced_global.md\":\"cf94e284\",\"en_library_dash.md\":\"1a94a772\",\"plugin_hls-quality.md\":\"37c40d33\",\"en_advanced_event.md\":\"eb727357\",\"en_plugin_control-ui.md\":\"47bbaae8\",\"library_dash.md\":\"548ff0b2\",\"index.md\":\"6e33e2c8\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0e8ce28d\",\"plugin_control-ui.md\":\"c659ca75\",\"en_library_flv.md\":\"3eb5ed90\",\"en_advanced_property.md\":\"779fe490\",\"plugin_dash-quality.md\":\"a81bd03a\",\"library_hls.md\":\"3142dc3f\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_property.md\":\"32e0ebc0\",\"plugin_danmuku.md\":\"8f352f8c\",\"advanced_event.md\":\"95edbd6b\",\"en_index.md\":\"fa12ecae\",\"en_advanced_built-in.md\":\"852cc7ad\",\"plugin_iframe.md\":\"72fa105c\",\"en_plugin_iframe.md\":\"9e8da093\",\"advanced_built-in.md\":\"2e0780a4\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"af10fe5b\",\"component_layers.md\":\"c089d00b\",\"start_option.md\":\"08913fb2\"}")
+    <script>__VP_HASH_MAP__ = JSON.parse("{\"en_plugin_ads.md\":\"2af64c73\",\"en_index.md\":\"4bcd5818\",\"library_dash.md\":\"548ff0b2\",\"advanced_class.md\":\"4af05539\",\"en_plugin_dash-quality.md\":\"fc109dde\",\"advanced_built-in.md\":\"cc59829e\",\"index.md\":\"1c8c6bb6\",\"en_plugin_control-ui.md\":\"20f93aee\",\"component_layers.md\":\"c089d00b\",\"en_library_dash.md\":\"1a94a772\",\"en_library_hls.md\":\"3399b13e\",\"library_hls.md\":\"3142dc3f\",\"component_controls.md\":\"fea1c7e9\",\"en_advanced_class.md\":\"66381877\",\"advanced_global.md\":\"cf94e284\",\"component_setting.md\":\"1bc1860b\",\"en_library_flv.md\":\"3eb5ed90\",\"en_plugin_hls-quality.md\":\"29073479\",\"plugin_iframe.md\":\"694891af\",\"en_component_contextmenu.md\":\"dbd69c21\",\"en_advanced_built-in.md\":\"4a199548\",\"plugin_control-ui.md\":\"d2e75882\",\"plugin_hls-quality.md\":\"6598e03e\",\"plugin_dash-quality.md\":\"a1f47340\",\"en_plugin_iframe.md\":\"46ba31d6\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_property.md\":\"779fe490\",\"en_component_layers.md\":\"4dc5e66c\",\"plugin_danmuku.md\":\"beba9d3d\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0c9b0374\",\"start_option.md\":\"cfe39ba5\",\"en_advanced_global.md\":\"8d7d71f1\",\"en_advanced_event.md\":\"eb727357\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"059aa136\",\"advanced_property.md\":\"32e0ebc0\",\"advanced_event.md\":\"95edbd6b\"}")
 __VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Artplayer.js\",\"description\":\"ArtPlayer.js is a modern and full featured HTML5 video player\",\"base\":\"/document/\",\"head\":[],\"appearance\":\"dark\",\"themeConfig\":{\"siteTitle\":\"Artplayer.js\",\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"中文版\",\"link\":\"/\"},{\"text\":\"English\",\"link\":\"/en/\",\"activeMatch\":\"/en/\"},{\"text\":\"Online Editor\",\"link\":\"https://artplayer.org\"},{\"text\":\"5.0.x\",\"items\":[{\"text\":\"Changelog\",\"link\":\"https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md\"},{\"text\":\"Donation\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#donations\"},{\"text\":\"Q群: 320881312\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#qq-group\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/zhw2590582/ArtPlayer\"}],\"sidebar\":{\"/\":[{\"text\":\"开始\",\"collapsible\":true,\"items\":[{\"text\":\"安装使用\",\"link\":\"/\"},{\"text\":\"基础选项\",\"link\":\"/start/option\"}]},{\"text\":\"组件\",\"collapsible\":true,\"items\":[{\"text\":\"业务层\",\"link\":\"/component/layers\"},{\"text\":\"控制器\",\"link\":\"/component/controls\"},{\"text\":\"右键菜单\",\"link\":\"/component/contextmenu\"},{\"text\":\"设置面板\",\"link\":\"/component/setting\"}]},{\"text\":\"高级\",\"collapsible\":true,\"items\":[{\"text\":\"实例属性\",\"link\":\"/advanced/property\"},{\"text\":\"高级属性\",\"link\":\"/advanced/built-in\"},{\"text\":\"静态属性\",\"link\":\"/advanced/class\"},{\"text\":\"全局属性\",\"link\":\"/advanced/global\"},{\"text\":\"实例事件\",\"link\":\"/advanced/event\"},{\"text\":\"编写插件\",\"link\":\"/advanced/plugin\"}]},{\"text\":\"插件\",\"collapsible\":true,\"items\":[{\"text\":\"弹幕库\",\"link\":\"/plugin/danmuku\"},{\"text\":\"视频广告\",\"link\":\"/plugin/ads\"},{\"text\":\"Iframe 控制\",\"link\":\"/plugin/iframe\"},{\"text\":\"Hls 画质\",\"link\":\"/plugin/hls-quality\"},{\"text\":\"Dash 画质\",\"link\":\"/plugin/dash-quality\"},{\"text\":\"控制器皮肤\",\"link\":\"/plugin/control-ui\"}]},{\"text\":\"第三方库\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/library/dash\"}]}],\"/en/\":[{\"text\":\"Quick start\",\"collapsible\":true,\"items\":[{\"text\":\"Install\",\"link\":\"/en/\"},{\"text\":\"Option\",\"link\":\"/en/start/option\"}]},{\"text\":\"Component\",\"collapsible\":true,\"items\":[{\"text\":\"Layers\",\"link\":\"/en/component/layers\"},{\"text\":\"Controls\",\"link\":\"/en/component/controls\"},{\"text\":\"Contextmenu\",\"link\":\"/en/component/contextmenu\"},{\"text\":\"Setting\",\"link\":\"/en/component/setting\"}]},{\"text\":\"Advanced\",\"collapsible\":true,\"items\":[{\"text\":\"Instance Property\",\"link\":\"/en/advanced/property\"},{\"text\":\"Advanced Property\",\"link\":\"/en/advanced/built-in\"},{\"text\":\"Static Property\",\"link\":\"/en/advanced/class\"},{\"text\":\"Global Property\",\"link\":\"/en/advanced/global\"},{\"text\":\"Instance Event\",\"link\":\"/en/advanced/event\"},{\"text\":\"Writing Plugin\",\"link\":\"/en/advanced/plugin\"}]},{\"text\":\"Plugins\",\"collapsible\":true,\"items\":[{\"text\":\"Video Ads\",\"link\":\"/en/plugin/ads\"},{\"text\":\"Iframe Control\",\"link\":\"/en/plugin/iframe\"},{\"text\":\"Hls Quality\",\"link\":\"/en/plugin/hls-quality\"},{\"text\":\"Dash Quality\",\"link\":\"/en/plugin/dash-quality\"},{\"text\":\"Control UI\",\"link\":\"/en/plugin/control-ui\"}]},{\"text\":\"Libraries\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/en/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/en/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/en/library/dash\"}]}]},\"editLink\":{\"pattern\":\"https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/:path\",\"text\":\"Edit this page on GitHub\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
     
   </body>

docs/document/en/component/contextmenu.html

@@ -6,10 +6,10 @@
     <title>Contextmenu | Artplayer.js</title>
     <meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player">
     <link rel="preload stylesheet" href="/document/assets/style.3d04a11d.css" as="style">
-    <script type="module" src="/document/assets/app.7d545639.js"></script>
+    <script type="module" src="/document/assets/app.c33a906f.js"></script>
     <link rel="preload" href="/document/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
   <link rel="modulepreload" href="/document/assets/chunks/framework.48115c03.js">
-  <link rel="modulepreload" href="/document/assets/chunks/theme.7576ef7a.js">
+  <link rel="modulepreload" href="/document/assets/chunks/theme.db6f7e65.js">
   <link rel="modulepreload" href="/document/assets/en_component_contextmenu.md.dbd69c21.lean.js">
   <script src="/document/main.js"></script>
   <link rel="stylesheet" href="/document/style.css">
@@ -100,7 +100,7 @@
 <span class="line highlighted"><span style="color:#F07178;">        </span><span style="color:#89DDFF;">}</span><span style="color:#F07178;">)</span></span>
 <span class="line"><span style="color:#F07178;">    </span><span style="color:#89DDFF;">},</span><span style="color:#F07178;"> </span><span style="color:#F78C6C;">3000</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
 <span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br></div></div></div></div></main><footer class="VPDocFooter" data-v-5aafa2ac data-v-31cb5067><!--[--><!--]--><div class="edit-info" data-v-31cb5067><div class="edit-link" data-v-31cb5067><a class="VPLink link edit-link-button" href="https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/en/component/contextmenu.md" target="_blank" rel="noreferrer" data-v-31cb5067 data-v-87683ad2><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" aria-label="edit icon" data-v-31cb5067><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-31cb5067><p class="VPLastUpdated" data-v-31cb5067 data-v-f00606ba>Last updated: <time datetime="2023-04-29T14:52:08.000Z" data-v-f00606ba></time></p></div></div><div class="prev-next" data-v-31cb5067><div class="pager" data-v-31cb5067><a class="pager-link prev" href="/document/en/component/controls.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Previous page</span><span class="title" data-v-31cb5067>Controls</span></a></div><div class="has-prev pager" data-v-31cb5067><a class="pager-link next" href="/document/en/component/setting.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Next page</span><span class="title" data-v-31cb5067>Setting</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"4af05539\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_class.md\":\"66381877\",\"en_component_layers.md\":\"4dc5e66c\",\"component_setting.md\":\"1bc1860b\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_contextmenu.md\":\"dbd69c21\",\"component_controls.md\":\"fea1c7e9\",\"en_plugin_hls-quality.md\":\"d5e1f2f9\",\"en_library_hls.md\":\"3399b13e\",\"en_plugin_dash-quality.md\":\"e282d033\",\"en_plugin_ads.md\":\"20814d70\",\"en_advanced_global.md\":\"8d7d71f1\",\"advanced_global.md\":\"cf94e284\",\"en_library_dash.md\":\"1a94a772\",\"plugin_hls-quality.md\":\"37c40d33\",\"en_advanced_event.md\":\"eb727357\",\"en_plugin_control-ui.md\":\"47bbaae8\",\"library_dash.md\":\"548ff0b2\",\"index.md\":\"6e33e2c8\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0e8ce28d\",\"plugin_control-ui.md\":\"c659ca75\",\"en_library_flv.md\":\"3eb5ed90\",\"en_advanced_property.md\":\"779fe490\",\"plugin_dash-quality.md\":\"a81bd03a\",\"library_hls.md\":\"3142dc3f\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_property.md\":\"32e0ebc0\",\"plugin_danmuku.md\":\"8f352f8c\",\"advanced_event.md\":\"95edbd6b\",\"en_index.md\":\"fa12ecae\",\"en_advanced_built-in.md\":\"852cc7ad\",\"plugin_iframe.md\":\"72fa105c\",\"en_plugin_iframe.md\":\"9e8da093\",\"advanced_built-in.md\":\"2e0780a4\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"af10fe5b\",\"component_layers.md\":\"c089d00b\",\"start_option.md\":\"08913fb2\"}")
+    <script>__VP_HASH_MAP__ = JSON.parse("{\"en_plugin_ads.md\":\"2af64c73\",\"en_index.md\":\"4bcd5818\",\"library_dash.md\":\"548ff0b2\",\"advanced_class.md\":\"4af05539\",\"en_plugin_dash-quality.md\":\"fc109dde\",\"advanced_built-in.md\":\"cc59829e\",\"index.md\":\"1c8c6bb6\",\"en_plugin_control-ui.md\":\"20f93aee\",\"component_layers.md\":\"c089d00b\",\"en_library_dash.md\":\"1a94a772\",\"en_library_hls.md\":\"3399b13e\",\"library_hls.md\":\"3142dc3f\",\"component_controls.md\":\"fea1c7e9\",\"en_advanced_class.md\":\"66381877\",\"advanced_global.md\":\"cf94e284\",\"component_setting.md\":\"1bc1860b\",\"en_library_flv.md\":\"3eb5ed90\",\"en_plugin_hls-quality.md\":\"29073479\",\"plugin_iframe.md\":\"694891af\",\"en_component_contextmenu.md\":\"dbd69c21\",\"en_advanced_built-in.md\":\"4a199548\",\"plugin_control-ui.md\":\"d2e75882\",\"plugin_hls-quality.md\":\"6598e03e\",\"plugin_dash-quality.md\":\"a1f47340\",\"en_plugin_iframe.md\":\"46ba31d6\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_property.md\":\"779fe490\",\"en_component_layers.md\":\"4dc5e66c\",\"plugin_danmuku.md\":\"beba9d3d\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0c9b0374\",\"start_option.md\":\"cfe39ba5\",\"en_advanced_global.md\":\"8d7d71f1\",\"en_advanced_event.md\":\"eb727357\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"059aa136\",\"advanced_property.md\":\"32e0ebc0\",\"advanced_event.md\":\"95edbd6b\"}")
 __VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Artplayer.js\",\"description\":\"ArtPlayer.js is a modern and full featured HTML5 video player\",\"base\":\"/document/\",\"head\":[],\"appearance\":\"dark\",\"themeConfig\":{\"siteTitle\":\"Artplayer.js\",\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"中文版\",\"link\":\"/\"},{\"text\":\"English\",\"link\":\"/en/\",\"activeMatch\":\"/en/\"},{\"text\":\"Online Editor\",\"link\":\"https://artplayer.org\"},{\"text\":\"5.0.x\",\"items\":[{\"text\":\"Changelog\",\"link\":\"https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md\"},{\"text\":\"Donation\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#donations\"},{\"text\":\"Q群: 320881312\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#qq-group\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/zhw2590582/ArtPlayer\"}],\"sidebar\":{\"/\":[{\"text\":\"开始\",\"collapsible\":true,\"items\":[{\"text\":\"安装使用\",\"link\":\"/\"},{\"text\":\"基础选项\",\"link\":\"/start/option\"}]},{\"text\":\"组件\",\"collapsible\":true,\"items\":[{\"text\":\"业务层\",\"link\":\"/component/layers\"},{\"text\":\"控制器\",\"link\":\"/component/controls\"},{\"text\":\"右键菜单\",\"link\":\"/component/contextmenu\"},{\"text\":\"设置面板\",\"link\":\"/component/setting\"}]},{\"text\":\"高级\",\"collapsible\":true,\"items\":[{\"text\":\"实例属性\",\"link\":\"/advanced/property\"},{\"text\":\"高级属性\",\"link\":\"/advanced/built-in\"},{\"text\":\"静态属性\",\"link\":\"/advanced/class\"},{\"text\":\"全局属性\",\"link\":\"/advanced/global\"},{\"text\":\"实例事件\",\"link\":\"/advanced/event\"},{\"text\":\"编写插件\",\"link\":\"/advanced/plugin\"}]},{\"text\":\"插件\",\"collapsible\":true,\"items\":[{\"text\":\"弹幕库\",\"link\":\"/plugin/danmuku\"},{\"text\":\"视频广告\",\"link\":\"/plugin/ads\"},{\"text\":\"Iframe 控制\",\"link\":\"/plugin/iframe\"},{\"text\":\"Hls 画质\",\"link\":\"/plugin/hls-quality\"},{\"text\":\"Dash 画质\",\"link\":\"/plugin/dash-quality\"},{\"text\":\"控制器皮肤\",\"link\":\"/plugin/control-ui\"}]},{\"text\":\"第三方库\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/library/dash\"}]}],\"/en/\":[{\"text\":\"Quick start\",\"collapsible\":true,\"items\":[{\"text\":\"Install\",\"link\":\"/en/\"},{\"text\":\"Option\",\"link\":\"/en/start/option\"}]},{\"text\":\"Component\",\"collapsible\":true,\"items\":[{\"text\":\"Layers\",\"link\":\"/en/component/layers\"},{\"text\":\"Controls\",\"link\":\"/en/component/controls\"},{\"text\":\"Contextmenu\",\"link\":\"/en/component/contextmenu\"},{\"text\":\"Setting\",\"link\":\"/en/component/setting\"}]},{\"text\":\"Advanced\",\"collapsible\":true,\"items\":[{\"text\":\"Instance Property\",\"link\":\"/en/advanced/property\"},{\"text\":\"Advanced Property\",\"link\":\"/en/advanced/built-in\"},{\"text\":\"Static Property\",\"link\":\"/en/advanced/class\"},{\"text\":\"Global Property\",\"link\":\"/en/advanced/global\"},{\"text\":\"Instance Event\",\"link\":\"/en/advanced/event\"},{\"text\":\"Writing Plugin\",\"link\":\"/en/advanced/plugin\"}]},{\"text\":\"Plugins\",\"collapsible\":true,\"items\":[{\"text\":\"Video Ads\",\"link\":\"/en/plugin/ads\"},{\"text\":\"Iframe Control\",\"link\":\"/en/plugin/iframe\"},{\"text\":\"Hls Quality\",\"link\":\"/en/plugin/hls-quality\"},{\"text\":\"Dash Quality\",\"link\":\"/en/plugin/dash-quality\"},{\"text\":\"Control UI\",\"link\":\"/en/plugin/control-ui\"}]},{\"text\":\"Libraries\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/en/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/en/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/en/library/dash\"}]}]},\"editLink\":{\"pattern\":\"https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/:path\",\"text\":\"Edit this page on GitHub\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
     
   </body>

docs/document/en/component/controls.html

@@ -6,10 +6,10 @@
     <title>Controls | Artplayer.js</title>
     <meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player">
     <link rel="preload stylesheet" href="/document/assets/style.3d04a11d.css" as="style">
-    <script type="module" src="/document/assets/app.7d545639.js"></script>
+    <script type="module" src="/document/assets/app.c33a906f.js"></script>
     <link rel="preload" href="/document/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
   <link rel="modulepreload" href="/document/assets/chunks/framework.48115c03.js">
-  <link rel="modulepreload" href="/document/assets/chunks/theme.7576ef7a.js">
+  <link rel="modulepreload" href="/document/assets/chunks/theme.db6f7e65.js">
   <link rel="modulepreload" href="/document/assets/en_component_controls.md.0ee516da.lean.js">
   <script src="/document/main.js"></script>
   <link rel="stylesheet" href="/document/style.css">
@@ -147,7 +147,7 @@
 <span class="line highlighted"><span style="color:#F07178;">        </span><span style="color:#89DDFF;">}</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
 <span class="line"><span style="color:#F07178;">    </span><span style="color:#89DDFF;">},</span><span style="color:#F07178;"> </span><span style="color:#F78C6C;">3000</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
 <span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br><span class="line-number">36</span><br><span class="line-number">37</span><br><span class="line-number">38</span><br><span class="line-number">39</span><br><span class="line-number">40</span><br><span class="line-number">41</span><br><span class="line-number">42</span><br></div></div></div></div></main><footer class="VPDocFooter" data-v-5aafa2ac data-v-31cb5067><!--[--><!--]--><div class="edit-info" data-v-31cb5067><div class="edit-link" data-v-31cb5067><a class="VPLink link edit-link-button" href="https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/en/component/controls.md" target="_blank" rel="noreferrer" data-v-31cb5067 data-v-87683ad2><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" aria-label="edit icon" data-v-31cb5067><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-31cb5067><p class="VPLastUpdated" data-v-31cb5067 data-v-f00606ba>Last updated: <time datetime="2023-04-29T14:52:08.000Z" data-v-f00606ba></time></p></div></div><div class="prev-next" data-v-31cb5067><div class="pager" data-v-31cb5067><a class="pager-link prev" href="/document/en/component/layers.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Previous page</span><span class="title" data-v-31cb5067>Layers</span></a></div><div class="has-prev pager" data-v-31cb5067><a class="pager-link next" href="/document/en/component/contextmenu.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Next page</span><span class="title" data-v-31cb5067>Contextmenu</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"4af05539\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_class.md\":\"66381877\",\"en_component_layers.md\":\"4dc5e66c\",\"component_setting.md\":\"1bc1860b\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_contextmenu.md\":\"dbd69c21\",\"component_controls.md\":\"fea1c7e9\",\"en_plugin_hls-quality.md\":\"d5e1f2f9\",\"en_library_hls.md\":\"3399b13e\",\"en_plugin_dash-quality.md\":\"e282d033\",\"en_plugin_ads.md\":\"20814d70\",\"en_advanced_global.md\":\"8d7d71f1\",\"advanced_global.md\":\"cf94e284\",\"en_library_dash.md\":\"1a94a772\",\"plugin_hls-quality.md\":\"37c40d33\",\"en_advanced_event.md\":\"eb727357\",\"en_plugin_control-ui.md\":\"47bbaae8\",\"library_dash.md\":\"548ff0b2\",\"index.md\":\"6e33e2c8\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0e8ce28d\",\"plugin_control-ui.md\":\"c659ca75\",\"en_library_flv.md\":\"3eb5ed90\",\"en_advanced_property.md\":\"779fe490\",\"plugin_dash-quality.md\":\"a81bd03a\",\"library_hls.md\":\"3142dc3f\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_property.md\":\"32e0ebc0\",\"plugin_danmuku.md\":\"8f352f8c\",\"advanced_event.md\":\"95edbd6b\",\"en_index.md\":\"fa12ecae\",\"en_advanced_built-in.md\":\"852cc7ad\",\"plugin_iframe.md\":\"72fa105c\",\"en_plugin_iframe.md\":\"9e8da093\",\"advanced_built-in.md\":\"2e0780a4\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"af10fe5b\",\"component_layers.md\":\"c089d00b\",\"start_option.md\":\"08913fb2\"}")
+    <script>__VP_HASH_MAP__ = JSON.parse("{\"en_plugin_ads.md\":\"2af64c73\",\"en_index.md\":\"4bcd5818\",\"library_dash.md\":\"548ff0b2\",\"advanced_class.md\":\"4af05539\",\"en_plugin_dash-quality.md\":\"fc109dde\",\"advanced_built-in.md\":\"cc59829e\",\"index.md\":\"1c8c6bb6\",\"en_plugin_control-ui.md\":\"20f93aee\",\"component_layers.md\":\"c089d00b\",\"en_library_dash.md\":\"1a94a772\",\"en_library_hls.md\":\"3399b13e\",\"library_hls.md\":\"3142dc3f\",\"component_controls.md\":\"fea1c7e9\",\"en_advanced_class.md\":\"66381877\",\"advanced_global.md\":\"cf94e284\",\"component_setting.md\":\"1bc1860b\",\"en_library_flv.md\":\"3eb5ed90\",\"en_plugin_hls-quality.md\":\"29073479\",\"plugin_iframe.md\":\"694891af\",\"en_component_contextmenu.md\":\"dbd69c21\",\"en_advanced_built-in.md\":\"4a199548\",\"plugin_control-ui.md\":\"d2e75882\",\"plugin_hls-quality.md\":\"6598e03e\",\"plugin_dash-quality.md\":\"a1f47340\",\"en_plugin_iframe.md\":\"46ba31d6\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_property.md\":\"779fe490\",\"en_component_layers.md\":\"4dc5e66c\",\"plugin_danmuku.md\":\"beba9d3d\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0c9b0374\",\"start_option.md\":\"cfe39ba5\",\"en_advanced_global.md\":\"8d7d71f1\",\"en_advanced_event.md\":\"eb727357\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"059aa136\",\"advanced_property.md\":\"32e0ebc0\",\"advanced_event.md\":\"95edbd6b\"}")
 __VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Artplayer.js\",\"description\":\"ArtPlayer.js is a modern and full featured HTML5 video player\",\"base\":\"/document/\",\"head\":[],\"appearance\":\"dark\",\"themeConfig\":{\"siteTitle\":\"Artplayer.js\",\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"中文版\",\"link\":\"/\"},{\"text\":\"English\",\"link\":\"/en/\",\"activeMatch\":\"/en/\"},{\"text\":\"Online Editor\",\"link\":\"https://artplayer.org\"},{\"text\":\"5.0.x\",\"items\":[{\"text\":\"Changelog\",\"link\":\"https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md\"},{\"text\":\"Donation\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#donations\"},{\"text\":\"Q群: 320881312\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#qq-group\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/zhw2590582/ArtPlayer\"}],\"sidebar\":{\"/\":[{\"text\":\"开始\",\"collapsible\":true,\"items\":[{\"text\":\"安装使用\",\"link\":\"/\"},{\"text\":\"基础选项\",\"link\":\"/start/option\"}]},{\"text\":\"组件\",\"collapsible\":true,\"items\":[{\"text\":\"业务层\",\"link\":\"/component/layers\"},{\"text\":\"控制器\",\"link\":\"/component/controls\"},{\"text\":\"右键菜单\",\"link\":\"/component/contextmenu\"},{\"text\":\"设置面板\",\"link\":\"/component/setting\"}]},{\"text\":\"高级\",\"collapsible\":true,\"items\":[{\"text\":\"实例属性\",\"link\":\"/advanced/property\"},{\"text\":\"高级属性\",\"link\":\"/advanced/built-in\"},{\"text\":\"静态属性\",\"link\":\"/advanced/class\"},{\"text\":\"全局属性\",\"link\":\"/advanced/global\"},{\"text\":\"实例事件\",\"link\":\"/advanced/event\"},{\"text\":\"编写插件\",\"link\":\"/advanced/plugin\"}]},{\"text\":\"插件\",\"collapsible\":true,\"items\":[{\"text\":\"弹幕库\",\"link\":\"/plugin/danmuku\"},{\"text\":\"视频广告\",\"link\":\"/plugin/ads\"},{\"text\":\"Iframe 控制\",\"link\":\"/plugin/iframe\"},{\"text\":\"Hls 画质\",\"link\":\"/plugin/hls-quality\"},{\"text\":\"Dash 画质\",\"link\":\"/plugin/dash-quality\"},{\"text\":\"控制器皮肤\",\"link\":\"/plugin/control-ui\"}]},{\"text\":\"第三方库\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/library/dash\"}]}],\"/en/\":[{\"text\":\"Quick start\",\"collapsible\":true,\"items\":[{\"text\":\"Install\",\"link\":\"/en/\"},{\"text\":\"Option\",\"link\":\"/en/start/option\"}]},{\"text\":\"Component\",\"collapsible\":true,\"items\":[{\"text\":\"Layers\",\"link\":\"/en/component/layers\"},{\"text\":\"Controls\",\"link\":\"/en/component/controls\"},{\"text\":\"Contextmenu\",\"link\":\"/en/component/contextmenu\"},{\"text\":\"Setting\",\"link\":\"/en/component/setting\"}]},{\"text\":\"Advanced\",\"collapsible\":true,\"items\":[{\"text\":\"Instance Property\",\"link\":\"/en/advanced/property\"},{\"text\":\"Advanced Property\",\"link\":\"/en/advanced/built-in\"},{\"text\":\"Static Property\",\"link\":\"/en/advanced/class\"},{\"text\":\"Global Property\",\"link\":\"/en/advanced/global\"},{\"text\":\"Instance Event\",\"link\":\"/en/advanced/event\"},{\"text\":\"Writing Plugin\",\"link\":\"/en/advanced/plugin\"}]},{\"text\":\"Plugins\",\"collapsible\":true,\"items\":[{\"text\":\"Video Ads\",\"link\":\"/en/plugin/ads\"},{\"text\":\"Iframe Control\",\"link\":\"/en/plugin/iframe\"},{\"text\":\"Hls Quality\",\"link\":\"/en/plugin/hls-quality\"},{\"text\":\"Dash Quality\",\"link\":\"/en/plugin/dash-quality\"},{\"text\":\"Control UI\",\"link\":\"/en/plugin/control-ui\"}]},{\"text\":\"Libraries\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/en/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/en/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/en/library/dash\"}]}]},\"editLink\":{\"pattern\":\"https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/:path\",\"text\":\"Edit this page on GitHub\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
     
   </body>

docs/document/en/component/layers.html

@@ -6,10 +6,10 @@
     <title>Layers | Artplayer.js</title>
     <meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player">
     <link rel="preload stylesheet" href="/document/assets/style.3d04a11d.css" as="style">
-    <script type="module" src="/document/assets/app.7d545639.js"></script>
+    <script type="module" src="/document/assets/app.c33a906f.js"></script>
     <link rel="preload" href="/document/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
   <link rel="modulepreload" href="/document/assets/chunks/framework.48115c03.js">
-  <link rel="modulepreload" href="/document/assets/chunks/theme.7576ef7a.js">
+  <link rel="modulepreload" href="/document/assets/chunks/theme.db6f7e65.js">
   <link rel="modulepreload" href="/document/assets/en_component_layers.md.4dc5e66c.lean.js">
   <script src="/document/main.js"></script>
   <link rel="stylesheet" href="/document/style.css">
@@ -119,7 +119,7 @@
 <span class="line highlighted"><span style="color:#F07178;">        </span><span style="color:#89DDFF;">}</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
 <span class="line"><span style="color:#F07178;">    </span><span style="color:#89DDFF;">},</span><span style="color:#F07178;"> </span><span style="color:#F78C6C;">3000</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
 <span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br></div></div></div></div></main><footer class="VPDocFooter" data-v-5aafa2ac data-v-31cb5067><!--[--><!--]--><div class="edit-info" data-v-31cb5067><div class="edit-link" data-v-31cb5067><a class="VPLink link edit-link-button" href="https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/en/component/layers.md" target="_blank" rel="noreferrer" data-v-31cb5067 data-v-87683ad2><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" aria-label="edit icon" data-v-31cb5067><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-31cb5067><p class="VPLastUpdated" data-v-31cb5067 data-v-f00606ba>Last updated: <time datetime="2023-04-29T14:52:08.000Z" data-v-f00606ba></time></p></div></div><div class="prev-next" data-v-31cb5067><div class="pager" data-v-31cb5067><a class="pager-link prev" href="/document/en/start/option.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Previous page</span><span class="title" data-v-31cb5067>Option</span></a></div><div class="has-prev pager" data-v-31cb5067><a class="pager-link next" href="/document/en/component/controls.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Next page</span><span class="title" data-v-31cb5067>Controls</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"4af05539\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_class.md\":\"66381877\",\"en_component_layers.md\":\"4dc5e66c\",\"component_setting.md\":\"1bc1860b\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_contextmenu.md\":\"dbd69c21\",\"component_controls.md\":\"fea1c7e9\",\"en_plugin_hls-quality.md\":\"d5e1f2f9\",\"en_library_hls.md\":\"3399b13e\",\"en_plugin_dash-quality.md\":\"e282d033\",\"en_plugin_ads.md\":\"20814d70\",\"en_advanced_global.md\":\"8d7d71f1\",\"advanced_global.md\":\"cf94e284\",\"en_library_dash.md\":\"1a94a772\",\"plugin_hls-quality.md\":\"37c40d33\",\"en_advanced_event.md\":\"eb727357\",\"en_plugin_control-ui.md\":\"47bbaae8\",\"library_dash.md\":\"548ff0b2\",\"index.md\":\"6e33e2c8\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0e8ce28d\",\"plugin_control-ui.md\":\"c659ca75\",\"en_library_flv.md\":\"3eb5ed90\",\"en_advanced_property.md\":\"779fe490\",\"plugin_dash-quality.md\":\"a81bd03a\",\"library_hls.md\":\"3142dc3f\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_property.md\":\"32e0ebc0\",\"plugin_danmuku.md\":\"8f352f8c\",\"advanced_event.md\":\"95edbd6b\",\"en_index.md\":\"fa12ecae\",\"en_advanced_built-in.md\":\"852cc7ad\",\"plugin_iframe.md\":\"72fa105c\",\"en_plugin_iframe.md\":\"9e8da093\",\"advanced_built-in.md\":\"2e0780a4\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"af10fe5b\",\"component_layers.md\":\"c089d00b\",\"start_option.md\":\"08913fb2\"}")
+    <script>__VP_HASH_MAP__ = JSON.parse("{\"en_plugin_ads.md\":\"2af64c73\",\"en_index.md\":\"4bcd5818\",\"library_dash.md\":\"548ff0b2\",\"advanced_class.md\":\"4af05539\",\"en_plugin_dash-quality.md\":\"fc109dde\",\"advanced_built-in.md\":\"cc59829e\",\"index.md\":\"1c8c6bb6\",\"en_plugin_control-ui.md\":\"20f93aee\",\"component_layers.md\":\"c089d00b\",\"en_library_dash.md\":\"1a94a772\",\"en_library_hls.md\":\"3399b13e\",\"library_hls.md\":\"3142dc3f\",\"component_controls.md\":\"fea1c7e9\",\"en_advanced_class.md\":\"66381877\",\"advanced_global.md\":\"cf94e284\",\"component_setting.md\":\"1bc1860b\",\"en_library_flv.md\":\"3eb5ed90\",\"en_plugin_hls-quality.md\":\"29073479\",\"plugin_iframe.md\":\"694891af\",\"en_component_contextmenu.md\":\"dbd69c21\",\"en_advanced_built-in.md\":\"4a199548\",\"plugin_control-ui.md\":\"d2e75882\",\"plugin_hls-quality.md\":\"6598e03e\",\"plugin_dash-quality.md\":\"a1f47340\",\"en_plugin_iframe.md\":\"46ba31d6\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_property.md\":\"779fe490\",\"en_component_layers.md\":\"4dc5e66c\",\"plugin_danmuku.md\":\"beba9d3d\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0c9b0374\",\"start_option.md\":\"cfe39ba5\",\"en_advanced_global.md\":\"8d7d71f1\",\"en_advanced_event.md\":\"eb727357\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"059aa136\",\"advanced_property.md\":\"32e0ebc0\",\"advanced_event.md\":\"95edbd6b\"}")
 __VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Artplayer.js\",\"description\":\"ArtPlayer.js is a modern and full featured HTML5 video player\",\"base\":\"/document/\",\"head\":[],\"appearance\":\"dark\",\"themeConfig\":{\"siteTitle\":\"Artplayer.js\",\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"中文版\",\"link\":\"/\"},{\"text\":\"English\",\"link\":\"/en/\",\"activeMatch\":\"/en/\"},{\"text\":\"Online Editor\",\"link\":\"https://artplayer.org\"},{\"text\":\"5.0.x\",\"items\":[{\"text\":\"Changelog\",\"link\":\"https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md\"},{\"text\":\"Donation\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#donations\"},{\"text\":\"Q群: 320881312\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#qq-group\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/zhw2590582/ArtPlayer\"}],\"sidebar\":{\"/\":[{\"text\":\"开始\",\"collapsible\":true,\"items\":[{\"text\":\"安装使用\",\"link\":\"/\"},{\"text\":\"基础选项\",\"link\":\"/start/option\"}]},{\"text\":\"组件\",\"collapsible\":true,\"items\":[{\"text\":\"业务层\",\"link\":\"/component/layers\"},{\"text\":\"控制器\",\"link\":\"/component/controls\"},{\"text\":\"右键菜单\",\"link\":\"/component/contextmenu\"},{\"text\":\"设置面板\",\"link\":\"/component/setting\"}]},{\"text\":\"高级\",\"collapsible\":true,\"items\":[{\"text\":\"实例属性\",\"link\":\"/advanced/property\"},{\"text\":\"高级属性\",\"link\":\"/advanced/built-in\"},{\"text\":\"静态属性\",\"link\":\"/advanced/class\"},{\"text\":\"全局属性\",\"link\":\"/advanced/global\"},{\"text\":\"实例事件\",\"link\":\"/advanced/event\"},{\"text\":\"编写插件\",\"link\":\"/advanced/plugin\"}]},{\"text\":\"插件\",\"collapsible\":true,\"items\":[{\"text\":\"弹幕库\",\"link\":\"/plugin/danmuku\"},{\"text\":\"视频广告\",\"link\":\"/plugin/ads\"},{\"text\":\"Iframe 控制\",\"link\":\"/plugin/iframe\"},{\"text\":\"Hls 画质\",\"link\":\"/plugin/hls-quality\"},{\"text\":\"Dash 画质\",\"link\":\"/plugin/dash-quality\"},{\"text\":\"控制器皮肤\",\"link\":\"/plugin/control-ui\"}]},{\"text\":\"第三方库\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/library/dash\"}]}],\"/en/\":[{\"text\":\"Quick start\",\"collapsible\":true,\"items\":[{\"text\":\"Install\",\"link\":\"/en/\"},{\"text\":\"Option\",\"link\":\"/en/start/option\"}]},{\"text\":\"Component\",\"collapsible\":true,\"items\":[{\"text\":\"Layers\",\"link\":\"/en/component/layers\"},{\"text\":\"Controls\",\"link\":\"/en/component/controls\"},{\"text\":\"Contextmenu\",\"link\":\"/en/component/contextmenu\"},{\"text\":\"Setting\",\"link\":\"/en/component/setting\"}]},{\"text\":\"Advanced\",\"collapsible\":true,\"items\":[{\"text\":\"Instance Property\",\"link\":\"/en/advanced/property\"},{\"text\":\"Advanced Property\",\"link\":\"/en/advanced/built-in\"},{\"text\":\"Static Property\",\"link\":\"/en/advanced/class\"},{\"text\":\"Global Property\",\"link\":\"/en/advanced/global\"},{\"text\":\"Instance Event\",\"link\":\"/en/advanced/event\"},{\"text\":\"Writing Plugin\",\"link\":\"/en/advanced/plugin\"}]},{\"text\":\"Plugins\",\"collapsible\":true,\"items\":[{\"text\":\"Video Ads\",\"link\":\"/en/plugin/ads\"},{\"text\":\"Iframe Control\",\"link\":\"/en/plugin/iframe\"},{\"text\":\"Hls Quality\",\"link\":\"/en/plugin/hls-quality\"},{\"text\":\"Dash Quality\",\"link\":\"/en/plugin/dash-quality\"},{\"text\":\"Control UI\",\"link\":\"/en/plugin/control-ui\"}]},{\"text\":\"Libraries\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/en/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/en/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/en/library/dash\"}]}]},\"editLink\":{\"pattern\":\"https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/:path\",\"text\":\"Edit this page on GitHub\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
     
   </body>

docs/document/en/component/setting.html

@@ -6,10 +6,10 @@
     <title>Setting | Artplayer.js</title>
     <meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player">
     <link rel="preload stylesheet" href="/document/assets/style.3d04a11d.css" as="style">
-    <script type="module" src="/document/assets/app.7d545639.js"></script>
+    <script type="module" src="/document/assets/app.c33a906f.js"></script>
     <link rel="preload" href="/document/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
   <link rel="modulepreload" href="/document/assets/chunks/framework.48115c03.js">
-  <link rel="modulepreload" href="/document/assets/chunks/theme.7576ef7a.js">
+  <link rel="modulepreload" href="/document/assets/chunks/theme.db6f7e65.js">
   <link rel="modulepreload" href="/document/assets/en_component_setting.md.8fe3c72b.lean.js">
   <script src="/document/main.js"></script>
   <link rel="stylesheet" href="/document/style.css">
@@ -224,7 +224,7 @@
 <span class="line highlighted"><span style="color:#F07178;">        </span><span style="color:#89DDFF;">}</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
 <span class="line"><span style="color:#F07178;">    </span><span style="color:#89DDFF;">},</span><span style="color:#F07178;"> </span><span style="color:#F78C6C;">3000</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
 <span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br></div></div></div></div></main><footer class="VPDocFooter" data-v-5aafa2ac data-v-31cb5067><!--[--><!--]--><div class="edit-info" data-v-31cb5067><div class="edit-link" data-v-31cb5067><a class="VPLink link edit-link-button" href="https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/en/component/setting.md" target="_blank" rel="noreferrer" data-v-31cb5067 data-v-87683ad2><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" aria-label="edit icon" data-v-31cb5067><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-31cb5067><p class="VPLastUpdated" data-v-31cb5067 data-v-f00606ba>Last updated: <time datetime="2023-04-29T14:52:08.000Z" data-v-f00606ba></time></p></div></div><div class="prev-next" data-v-31cb5067><div class="pager" data-v-31cb5067><a class="pager-link prev" href="/document/en/component/contextmenu.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Previous page</span><span class="title" data-v-31cb5067>Contextmenu</span></a></div><div class="has-prev pager" data-v-31cb5067><a class="pager-link next" href="/document/en/advanced/property.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Next page</span><span class="title" data-v-31cb5067>Instance Property</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"4af05539\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_class.md\":\"66381877\",\"en_component_layers.md\":\"4dc5e66c\",\"component_setting.md\":\"1bc1860b\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_contextmenu.md\":\"dbd69c21\",\"component_controls.md\":\"fea1c7e9\",\"en_plugin_hls-quality.md\":\"d5e1f2f9\",\"en_library_hls.md\":\"3399b13e\",\"en_plugin_dash-quality.md\":\"e282d033\",\"en_plugin_ads.md\":\"20814d70\",\"en_advanced_global.md\":\"8d7d71f1\",\"advanced_global.md\":\"cf94e284\",\"en_library_dash.md\":\"1a94a772\",\"plugin_hls-quality.md\":\"37c40d33\",\"en_advanced_event.md\":\"eb727357\",\"en_plugin_control-ui.md\":\"47bbaae8\",\"library_dash.md\":\"548ff0b2\",\"index.md\":\"6e33e2c8\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0e8ce28d\",\"plugin_control-ui.md\":\"c659ca75\",\"en_library_flv.md\":\"3eb5ed90\",\"en_advanced_property.md\":\"779fe490\",\"plugin_dash-quality.md\":\"a81bd03a\",\"library_hls.md\":\"3142dc3f\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_property.md\":\"32e0ebc0\",\"plugin_danmuku.md\":\"8f352f8c\",\"advanced_event.md\":\"95edbd6b\",\"en_index.md\":\"fa12ecae\",\"en_advanced_built-in.md\":\"852cc7ad\",\"plugin_iframe.md\":\"72fa105c\",\"en_plugin_iframe.md\":\"9e8da093\",\"advanced_built-in.md\":\"2e0780a4\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"af10fe5b\",\"component_layers.md\":\"c089d00b\",\"start_option.md\":\"08913fb2\"}")
+    <script>__VP_HASH_MAP__ = JSON.parse("{\"en_plugin_ads.md\":\"2af64c73\",\"en_index.md\":\"4bcd5818\",\"library_dash.md\":\"548ff0b2\",\"advanced_class.md\":\"4af05539\",\"en_plugin_dash-quality.md\":\"fc109dde\",\"advanced_built-in.md\":\"cc59829e\",\"index.md\":\"1c8c6bb6\",\"en_plugin_control-ui.md\":\"20f93aee\",\"component_layers.md\":\"c089d00b\",\"en_library_dash.md\":\"1a94a772\",\"en_library_hls.md\":\"3399b13e\",\"library_hls.md\":\"3142dc3f\",\"component_controls.md\":\"fea1c7e9\",\"en_advanced_class.md\":\"66381877\",\"advanced_global.md\":\"cf94e284\",\"component_setting.md\":\"1bc1860b\",\"en_library_flv.md\":\"3eb5ed90\",\"en_plugin_hls-quality.md\":\"29073479\",\"plugin_iframe.md\":\"694891af\",\"en_component_contextmenu.md\":\"dbd69c21\",\"en_advanced_built-in.md\":\"4a199548\",\"plugin_control-ui.md\":\"d2e75882\",\"plugin_hls-quality.md\":\"6598e03e\",\"plugin_dash-quality.md\":\"a1f47340\",\"en_plugin_iframe.md\":\"46ba31d6\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_property.md\":\"779fe490\",\"en_component_layers.md\":\"4dc5e66c\",\"plugin_danmuku.md\":\"beba9d3d\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0c9b0374\",\"start_option.md\":\"cfe39ba5\",\"en_advanced_global.md\":\"8d7d71f1\",\"en_advanced_event.md\":\"eb727357\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"059aa136\",\"advanced_property.md\":\"32e0ebc0\",\"advanced_event.md\":\"95edbd6b\"}")
 __VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Artplayer.js\",\"description\":\"ArtPlayer.js is a modern and full featured HTML5 video player\",\"base\":\"/document/\",\"head\":[],\"appearance\":\"dark\",\"themeConfig\":{\"siteTitle\":\"Artplayer.js\",\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"中文版\",\"link\":\"/\"},{\"text\":\"English\",\"link\":\"/en/\",\"activeMatch\":\"/en/\"},{\"text\":\"Online Editor\",\"link\":\"https://artplayer.org\"},{\"text\":\"5.0.x\",\"items\":[{\"text\":\"Changelog\",\"link\":\"https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md\"},{\"text\":\"Donation\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#donations\"},{\"text\":\"Q群: 320881312\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#qq-group\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/zhw2590582/ArtPlayer\"}],\"sidebar\":{\"/\":[{\"text\":\"开始\",\"collapsible\":true,\"items\":[{\"text\":\"安装使用\",\"link\":\"/\"},{\"text\":\"基础选项\",\"link\":\"/start/option\"}]},{\"text\":\"组件\",\"collapsible\":true,\"items\":[{\"text\":\"业务层\",\"link\":\"/component/layers\"},{\"text\":\"控制器\",\"link\":\"/component/controls\"},{\"text\":\"右键菜单\",\"link\":\"/component/contextmenu\"},{\"text\":\"设置面板\",\"link\":\"/component/setting\"}]},{\"text\":\"高级\",\"collapsible\":true,\"items\":[{\"text\":\"实例属性\",\"link\":\"/advanced/property\"},{\"text\":\"高级属性\",\"link\":\"/advanced/built-in\"},{\"text\":\"静态属性\",\"link\":\"/advanced/class\"},{\"text\":\"全局属性\",\"link\":\"/advanced/global\"},{\"text\":\"实例事件\",\"link\":\"/advanced/event\"},{\"text\":\"编写插件\",\"link\":\"/advanced/plugin\"}]},{\"text\":\"插件\",\"collapsible\":true,\"items\":[{\"text\":\"弹幕库\",\"link\":\"/plugin/danmuku\"},{\"text\":\"视频广告\",\"link\":\"/plugin/ads\"},{\"text\":\"Iframe 控制\",\"link\":\"/plugin/iframe\"},{\"text\":\"Hls 画质\",\"link\":\"/plugin/hls-quality\"},{\"text\":\"Dash 画质\",\"link\":\"/plugin/dash-quality\"},{\"text\":\"控制器皮肤\",\"link\":\"/plugin/control-ui\"}]},{\"text\":\"第三方库\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/library/dash\"}]}],\"/en/\":[{\"text\":\"Quick start\",\"collapsible\":true,\"items\":[{\"text\":\"Install\",\"link\":\"/en/\"},{\"text\":\"Option\",\"link\":\"/en/start/option\"}]},{\"text\":\"Component\",\"collapsible\":true,\"items\":[{\"text\":\"Layers\",\"link\":\"/en/component/layers\"},{\"text\":\"Controls\",\"link\":\"/en/component/controls\"},{\"text\":\"Contextmenu\",\"link\":\"/en/component/contextmenu\"},{\"text\":\"Setting\",\"link\":\"/en/component/setting\"}]},{\"text\":\"Advanced\",\"collapsible\":true,\"items\":[{\"text\":\"Instance Property\",\"link\":\"/en/advanced/property\"},{\"text\":\"Advanced Property\",\"link\":\"/en/advanced/built-in\"},{\"text\":\"Static Property\",\"link\":\"/en/advanced/class\"},{\"text\":\"Global Property\",\"link\":\"/en/advanced/global\"},{\"text\":\"Instance Event\",\"link\":\"/en/advanced/event\"},{\"text\":\"Writing Plugin\",\"link\":\"/en/advanced/plugin\"}]},{\"text\":\"Plugins\",\"collapsible\":true,\"items\":[{\"text\":\"Video Ads\",\"link\":\"/en/plugin/ads\"},{\"text\":\"Iframe Control\",\"link\":\"/en/plugin/iframe\"},{\"text\":\"Hls Quality\",\"link\":\"/en/plugin/hls-quality\"},{\"text\":\"Dash Quality\",\"link\":\"/en/plugin/dash-quality\"},{\"text\":\"Control UI\",\"link\":\"/en/plugin/control-ui\"}]},{\"text\":\"Libraries\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/en/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/en/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/en/library/dash\"}]}]},\"editLink\":{\"pattern\":\"https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/:path\",\"text\":\"Edit this page on GitHub\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
     
   </body>

docs/document/en/index.html

@@ -6,18 +6,18 @@
     <title>Install | Artplayer.js</title>
     <meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player">
     <link rel="preload stylesheet" href="/document/assets/style.3d04a11d.css" as="style">
-    <script type="module" src="/document/assets/app.7d545639.js"></script>
+    <script type="module" src="/document/assets/app.c33a906f.js"></script>
     <link rel="preload" href="/document/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
   <link rel="modulepreload" href="/document/assets/chunks/framework.48115c03.js">
-  <link rel="modulepreload" href="/document/assets/chunks/theme.7576ef7a.js">
-  <link rel="modulepreload" href="/document/assets/en_index.md.fa12ecae.lean.js">
+  <link rel="modulepreload" href="/document/assets/chunks/theme.db6f7e65.js">
+  <link rel="modulepreload" href="/document/assets/en_index.md.4bcd5818.lean.js">
   <script src="/document/main.js"></script>
   <link rel="stylesheet" href="/document/style.css">
   <link rel="shortcut icon" href="/document/favicon.ico">
   <script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"dark",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-bd8710d4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-994b33bc></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-994b33bc> Skip to content </a><!--]--><!----><header class="VPNav" data-v-bd8710d4 data-v-b1949460><div class="VPNavBar has-sidebar" data-v-b1949460 data-v-82c325fa><div class="container" data-v-82c325fa><div class="title" data-v-82c325fa><div class="VPNavBarTitle has-sidebar" data-v-82c325fa data-v-bd15f18e><a class="title" href="/document/" data-v-bd15f18e><!--[--><!--]--><!--[--><img class="VPImage logo" src="/document/logo.png" alt data-v-74766fef><!--]--><!--[-->Artplayer.js<!--]--><!--[--><!--]--></a></div></div><div class="content" data-v-82c325fa><div class="curtain" data-v-82c325fa></div><div class="content-body" data-v-82c325fa><!--[--><!--]--><div class="VPNavBarSearch search" data-v-82c325fa><!----><div id="docsearch"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><span class="DocSearch-Button-Key">Meta</span><span class="DocSearch-Button-Key">K</span></span></button></div></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-82c325fa data-v-c6c3e6d4><span id="main-nav-aria-label" class="visually-hidden" data-v-c6c3e6d4>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/document/" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->中文版<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/document/en/" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->English<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="https://artplayer.org" target="_blank" rel="noreferrer" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->Online Editor<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-c6c3e6d4 data-v-64c29883><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-64c29883><span class="text" data-v-64c29883><!----> 5.0.x <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="text-icon" data-v-64c29883><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="menu" data-v-64c29883><div class="VPMenu" data-v-64c29883 data-v-7bffa9cd><div class="items" data-v-7bffa9cd><!--[--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Changelog<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer#donations" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Donation<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer#qq-group" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Q群: 320881312<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]-Line truncated
+    <div id="app"><div class="Layout" data-v-bd8710d4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-994b33bc></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-994b33bc> Skip to content </a><!--]--><!----><header class="VPNav" data-v-bd8710d4 data-v-b1949460><div class="VPNavBar has-sidebar" data-v-b1949460 data-v-82c325fa><div class="container" data-v-82c325fa><div class="title" data-v-82c325fa><div class="VPNavBarTitle has-sidebar" data-v-82c325fa data-v-bd15f18e><a class="title" href="/document/" data-v-bd15f18e><!--[--><!--]--><!--[--><img class="VPImage logo" src="/document/logo.png" alt data-v-74766fef><!--]--><!--[-->Artplayer.js<!--]--><!--[--><!--]--></a></div></div><div class="content" data-v-82c325fa><div class="curtain" data-v-82c325fa></div><div class="content-body" data-v-82c325fa><!--[--><!--]--><div class="VPNavBarSearch search" data-v-82c325fa><!----><div id="docsearch"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><span class="DocSearch-Button-Key">Meta</span><span class="DocSearch-Button-Key">K</span></span></button></div></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-82c325fa data-v-c6c3e6d4><span id="main-nav-aria-label" class="visually-hidden" data-v-c6c3e6d4>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/document/" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->中文版<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/document/en/" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->English<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="https://artplayer.org" target="_blank" rel="noreferrer" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->Online Editor<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-c6c3e6d4 data-v-64c29883><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-64c29883><span class="text" data-v-64c29883><!----> 5.0.x <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="text-icon" data-v-64c29883><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="menu" data-v-64c29883><div class="VPMenu" data-v-64c29883 data-v-7bffa9cd><div class="items" data-v-7bffa9cd><!--[--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Changelog<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer#donations" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Donation<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer#qq-group" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Q群: 320881312<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]-Line truncated
 <span class="line"></span>
 <span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> art </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">new</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">Artplayer</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">{</span></span>
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">container</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">.artplayer-app</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
@@ -36,7 +36,7 @@
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">body</span><span style="color:#89DDFF;">&gt;</span></span>
 <span class="line"><span style="color:#A6ACCD;">        </span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">div</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">class</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">artplayer-app</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">&gt;&lt;/</span><span style="color:#F07178;">div</span><span style="color:#89DDFF;">&gt;</span></span>
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">body</span><span style="color:#89DDFF;">&gt;</span></span>
-<span class="line"><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">html</span><span style="color:#89DDFF;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br></div></div></div></div><div class="warning custom-block"><p class="custom-block-title">Tip</p><p>The size of the player depends on the size of the <code>container</code>, so your <code>container</code> must have a size</p></div><div class="tip custom-block"><p class="custom-block-title">The following links can see more use examples</p><p><a href="https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-template" target="_blank" rel="noreferrer">/packages/artplayer-template</a></p></div><h2 id="vue-js" tabindex="-1"><code>Vue.js</code> <a class="header-anchor" href="#vue-js" aria-label="Permalink to &quot;`Vue.js`&quot;">​</a></h2><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-dgvXM" id="tab-UBr7Yme" checked="checked"><label for="tab-UBr7Yme">Artplayer.vue</label><input type="radio" name="group-dgvXM" id="tab-jzeRN0X"><label for="tab-jzeRN0X">app.vue</label></div><div class="blocks"><div class="language-vue active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">vue</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">&gt;</span></span>
+<span class="line"><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">html</span><span style="color:#89DDFF;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br></div></div></div></div><div class="warning custom-block"><p class="custom-block-title">Tip</p><p>The size of the player depends on the size of the <code>container</code>, so your <code>container</code> must have a size</p></div><div class="tip custom-block"><p class="custom-block-title">The following links can see more use examples</p><p><a href="https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-template" target="_blank" rel="noreferrer">/packages/artplayer-template</a></p></div><h2 id="vue-js" tabindex="-1"><code>Vue.js</code> <a class="header-anchor" href="#vue-js" aria-label="Permalink to &quot;`Vue.js`&quot;">​</a></h2><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-x0vVG" id="tab-mYZ0jeU" checked="checked"><label for="tab-mYZ0jeU">Artplayer.vue</label><input type="radio" name="group-x0vVG" id="tab-SHNX-Cw"><label for="tab-SHNX-Cw">app.vue</label></div><div class="blocks"><div class="language-vue active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">vue</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">&gt;</span></span>
 <span class="line"><span style="color:#A6ACCD;">  </span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">div</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">ref</span><span style="color:#89DDFF;">=</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">artRef</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">&gt;&lt;/</span><span style="color:#F07178;">div</span><span style="color:#89DDFF;">&gt;</span></span>
 <span class="line"><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">template</span><span style="color:#89DDFF;">&gt;</span></span>
 <span class="line"></span>
@@ -100,7 +100,7 @@
 <span class="line"><span style="color:#F07178;">    </span><span style="color:#89DDFF;">},</span></span>
 <span class="line"><span style="color:#A6ACCD;">  </span><span style="color:#89DDFF;">},</span></span>
 <span class="line"><span style="color:#89DDFF;">};</span></span>
-<span class="line"><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br></div></div></div></div><div class="warning custom-block"><p class="custom-block-title">Tip</p><p>Modifying <code>option</code> directly in <code>Vue.js</code> will not change the player</p></div><h2 id="react-js" tabindex="-1"><code>React.js</code> <a class="header-anchor" href="#react-js" aria-label="Permalink to &quot;`React.js`&quot;">​</a></h2><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-8D4_w" id="tab-Jrjcb9d" checked="checked"><label for="tab-Jrjcb9d">Artplayer.jsx</label><input type="radio" name="group-8D4_w" id="tab-VTRYj9m"><label for="tab-VTRYj9m">app.jsx</label></div><div class="blocks"><div class="language-jsx active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">jsx</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;font-style:italic;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">useEffect</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">useRef</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;font-style:italic;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">react</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">;</span></span>
+<span class="line"><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br></div></div></div></div><div class="warning custom-block"><p class="custom-block-title">Tip</p><p>Modifying <code>option</code> directly in <code>Vue.js</code> will not change the player</p></div><h2 id="react-js" tabindex="-1"><code>React.js</code> <a class="header-anchor" href="#react-js" aria-label="Permalink to &quot;`React.js`&quot;">​</a></h2><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-0i0jL" id="tab-DrmE2tM" checked="checked"><label for="tab-DrmE2tM">Artplayer.jsx</label><input type="radio" name="group-0i0jL" id="tab-GYG0MZK"><label for="tab-GYG0MZK">app.jsx</label></div><div class="blocks"><div class="language-jsx active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">jsx</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;font-style:italic;">import</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">useEffect</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">useRef</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;font-style:italic;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">react</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">;</span></span>
 <span class="line"><span style="color:#89DDFF;font-style:italic;">import</span><span style="color:#A6ACCD;"> Artplayer </span><span style="color:#89DDFF;font-style:italic;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">artplayer</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="color:#89DDFF;font-style:italic;">export</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;font-style:italic;">default</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">function</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">Player</span><span style="color:#89DDFF;">({</span><span style="color:#A6ACCD;"> </span><span style="color:#A6ACCD;font-style:italic;">option</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#A6ACCD;font-style:italic;">getInstance</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">...</span><span style="color:#A6ACCD;font-style:italic;">rest</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">})</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
@@ -183,8 +183,8 @@
 <span class="line"></span>
 <span class="line"><span style="color:#A6ACCD;">option</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">volume </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#F78C6C;">0.5</span><span style="color:#89DDFF;">;</span></span>
 <span class="line"></span>
-<span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> art8 </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">new</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">Artplayer</span><span style="color:#A6ACCD;">(option)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br></div></div><h2 id="old-browsers" tabindex="-1">Old browsers <a class="header-anchor" href="#old-browsers" aria-label="Permalink to &quot;Old browsers&quot;">​</a></h2><p>Production builds of <code>artplayer.js</code> are only compatible with the last major version of <code>Chrome</code>: <code>last 1 Chrome version</code></p><p>For older browsers, use the <code>artplayer.legacy.js</code> file, compatible up to: <code>IE 11</code></p><div class="language-js line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;font-style:italic;">import</span><span style="color:#A6ACCD;"> Artplayer </span><span style="color:#89DDFF;font-style:italic;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">artplayer/dist/artplayer.legacy.js</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-8pArU" id="tab-pH2fJOx" checked="checked"><label for="tab-pH2fJOx">jsdelivr.net</label><input type="radio" name="group-8pArU" id="tab-q1srSGA"><label for="tab-q1srSGA">unpkg.com</label></div><div class="blocks"><div class="language-bash active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#FFCB6B;">https://cdn.jsdelivr.net/npm/artplayer/dist/artplayer.legacy.js</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="language-bash line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#FFCB6B;">https://unpkg.com/artplayer/dist/artplayer.legacy.js</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div></div></div><div class="tip custom-block"><p class="custom-block-title">If you want to be compatible with older browsers, please modify the following configuration and build it yourself:</p><p>Build configuration: <a href="https://github.com/zhw2590582/ArtPlayer/blob/master/scripts/build.js#L29" target="_blank" rel="noreferrer">/scripts/build.js</a></p><p>Reference documents: <a href="https://github.com/browserslist/browserslist#full-list" target="_blank" rel="noreferrer">browserslist</a></p></div></div></div></main><footer class="VPDocFooter" data-v-5aafa2ac data-v-31cb5067><!--[--><!--]--><div class="edit-info" data-v-31cb5067><div class="edit-link" data-v-31cb5067><a class="VPLink link edit-link-button" href="https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/en/index.md" target="_blank" rel="noreferrer" data-v-31cb5067 data-v-87683ad2><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" aria-label="edit icon" data-v-31cb5067><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-31cb5067><p class="VPLastUpdated" data-v-31cb5067 data-v-f00606ba>Last updated: <time datetime="2023-04-26T02:54:26.000Z" data-v-f00606ba></time></p></div></div><div class="prev-next" data-v-31cb5067><dLine truncated
-    <script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"4af05539\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_class.md\":\"66381877\",\"en_component_layers.md\":\"4dc5e66c\",\"component_setting.md\":\"1bc1860b\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_contextmenu.md\":\"dbd69c21\",\"component_controls.md\":\"fea1c7e9\",\"en_plugin_hls-quality.md\":\"d5e1f2f9\",\"en_library_hls.md\":\"3399b13e\",\"en_plugin_dash-quality.md\":\"e282d033\",\"en_plugin_ads.md\":\"20814d70\",\"en_advanced_global.md\":\"8d7d71f1\",\"advanced_global.md\":\"cf94e284\",\"en_library_dash.md\":\"1a94a772\",\"plugin_hls-quality.md\":\"37c40d33\",\"en_advanced_event.md\":\"eb727357\",\"en_plugin_control-ui.md\":\"47bbaae8\",\"library_dash.md\":\"548ff0b2\",\"index.md\":\"6e33e2c8\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0e8ce28d\",\"plugin_control-ui.md\":\"c659ca75\",\"en_library_flv.md\":\"3eb5ed90\",\"en_advanced_property.md\":\"779fe490\",\"plugin_dash-quality.md\":\"a81bd03a\",\"library_hls.md\":\"3142dc3f\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_property.md\":\"32e0ebc0\",\"plugin_danmuku.md\":\"8f352f8c\",\"advanced_event.md\":\"95edbd6b\",\"en_index.md\":\"fa12ecae\",\"en_advanced_built-in.md\":\"852cc7ad\",\"plugin_iframe.md\":\"72fa105c\",\"en_plugin_iframe.md\":\"9e8da093\",\"advanced_built-in.md\":\"2e0780a4\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"af10fe5b\",\"component_layers.md\":\"c089d00b\",\"start_option.md\":\"08913fb2\"}")
+<span class="line"><span style="color:#C792EA;">const</span><span style="color:#A6ACCD;"> art8 </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">new</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">Artplayer</span><span style="color:#A6ACCD;">(option)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br></div></div><h2 id="old-browsers" tabindex="-1">Old browsers <a class="header-anchor" href="#old-browsers" aria-label="Permalink to &quot;Old browsers&quot;">​</a></h2><p>Production builds of <code>artplayer.js</code> are only compatible with the last major version of <code>Chrome</code>: <code>last 1 Chrome version</code></p><p>For older browsers, use the <code>artplayer.legacy.js</code> file, compatible up to: <code>IE 11</code></p><div class="language-js line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;font-style:italic;">import</span><span style="color:#A6ACCD;"> Artplayer </span><span style="color:#89DDFF;font-style:italic;">from</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">artplayer/dist/artplayer.legacy.js</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-wIi50" id="tab-2W_2OFz" checked="checked"><label for="tab-2W_2OFz">jsdelivr.net</label><input type="radio" name="group-wIi50" id="tab-mymRf3d"><label for="tab-mymRf3d">unpkg.com</label></div><div class="blocks"><div class="language-bash active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#FFCB6B;">https://cdn.jsdelivr.net/npm/artplayer/dist/artplayer.legacy.js</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><div class="language-bash line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#FFCB6B;">https://unpkg.com/artplayer/dist/artplayer.legacy.js</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div></div></div><div class="tip custom-block"><p class="custom-block-title">If you want to be compatible with older browsers, please modify the following configuration and build it yourself:</p><p>Build configuration: <a href="https://github.com/zhw2590582/ArtPlayer/blob/master/scripts/build.js#L29" target="_blank" rel="noreferrer">/scripts/build.js</a></p><p>Reference documents: <a href="https://github.com/browserslist/browserslist#full-list" target="_blank" rel="noreferrer">browserslist</a></p></div></div></div></main><footer class="VPDocFooter" data-v-5aafa2ac data-v-31cb5067><!--[--><!--]--><div class="edit-info" data-v-31cb5067><div class="edit-link" data-v-31cb5067><a class="VPLink link edit-link-button" href="https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/en/index.md" target="_blank" rel="noreferrer" data-v-31cb5067 data-v-87683ad2><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" aria-label="edit icon" data-v-31cb5067><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-31cb5067><p class="VPLastUpdated" data-v-31cb5067 data-v-f00606ba>Last updated: <time datetime="2023-05-02T15:44:04.000Z" data-v-f00606ba></time></p></div></div><div class="prev-next" data-v-31cb5067><dLine truncated
+    <script>__VP_HASH_MAP__ = JSON.parse("{\"en_plugin_ads.md\":\"2af64c73\",\"en_index.md\":\"4bcd5818\",\"library_dash.md\":\"548ff0b2\",\"advanced_class.md\":\"4af05539\",\"en_plugin_dash-quality.md\":\"fc109dde\",\"advanced_built-in.md\":\"cc59829e\",\"index.md\":\"1c8c6bb6\",\"en_plugin_control-ui.md\":\"20f93aee\",\"component_layers.md\":\"c089d00b\",\"en_library_dash.md\":\"1a94a772\",\"en_library_hls.md\":\"3399b13e\",\"library_hls.md\":\"3142dc3f\",\"component_controls.md\":\"fea1c7e9\",\"en_advanced_class.md\":\"66381877\",\"advanced_global.md\":\"cf94e284\",\"component_setting.md\":\"1bc1860b\",\"en_library_flv.md\":\"3eb5ed90\",\"en_plugin_hls-quality.md\":\"29073479\",\"plugin_iframe.md\":\"694891af\",\"en_component_contextmenu.md\":\"dbd69c21\",\"en_advanced_built-in.md\":\"4a199548\",\"plugin_control-ui.md\":\"d2e75882\",\"plugin_hls-quality.md\":\"6598e03e\",\"plugin_dash-quality.md\":\"a1f47340\",\"en_plugin_iframe.md\":\"46ba31d6\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_property.md\":\"779fe490\",\"en_component_layers.md\":\"4dc5e66c\",\"plugin_danmuku.md\":\"beba9d3d\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0c9b0374\",\"start_option.md\":\"cfe39ba5\",\"en_advanced_global.md\":\"8d7d71f1\",\"en_advanced_event.md\":\"eb727357\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"059aa136\",\"advanced_property.md\":\"32e0ebc0\",\"advanced_event.md\":\"95edbd6b\"}")
 __VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Artplayer.js\",\"description\":\"ArtPlayer.js is a modern and full featured HTML5 video player\",\"base\":\"/document/\",\"head\":[],\"appearance\":\"dark\",\"themeConfig\":{\"siteTitle\":\"Artplayer.js\",\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"中文版\",\"link\":\"/\"},{\"text\":\"English\",\"link\":\"/en/\",\"activeMatch\":\"/en/\"},{\"text\":\"Online Editor\",\"link\":\"https://artplayer.org\"},{\"text\":\"5.0.x\",\"items\":[{\"text\":\"Changelog\",\"link\":\"https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md\"},{\"text\":\"Donation\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#donations\"},{\"text\":\"Q群: 320881312\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#qq-group\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/zhw2590582/ArtPlayer\"}],\"sidebar\":{\"/\":[{\"text\":\"开始\",\"collapsible\":true,\"items\":[{\"text\":\"安装使用\",\"link\":\"/\"},{\"text\":\"基础选项\",\"link\":\"/start/option\"}]},{\"text\":\"组件\",\"collapsible\":true,\"items\":[{\"text\":\"业务层\",\"link\":\"/component/layers\"},{\"text\":\"控制器\",\"link\":\"/component/controls\"},{\"text\":\"右键菜单\",\"link\":\"/component/contextmenu\"},{\"text\":\"设置面板\",\"link\":\"/component/setting\"}]},{\"text\":\"高级\",\"collapsible\":true,\"items\":[{\"text\":\"实例属性\",\"link\":\"/advanced/property\"},{\"text\":\"高级属性\",\"link\":\"/advanced/built-in\"},{\"text\":\"静态属性\",\"link\":\"/advanced/class\"},{\"text\":\"全局属性\",\"link\":\"/advanced/global\"},{\"text\":\"实例事件\",\"link\":\"/advanced/event\"},{\"text\":\"编写插件\",\"link\":\"/advanced/plugin\"}]},{\"text\":\"插件\",\"collapsible\":true,\"items\":[{\"text\":\"弹幕库\",\"link\":\"/plugin/danmuku\"},{\"text\":\"视频广告\",\"link\":\"/plugin/ads\"},{\"text\":\"Iframe 控制\",\"link\":\"/plugin/iframe\"},{\"text\":\"Hls 画质\",\"link\":\"/plugin/hls-quality\"},{\"text\":\"Dash 画质\",\"link\":\"/plugin/dash-quality\"},{\"text\":\"控制器皮肤\",\"link\":\"/plugin/control-ui\"}]},{\"text\":\"第三方库\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/library/dash\"}]}],\"/en/\":[{\"text\":\"Quick start\",\"collapsible\":true,\"items\":[{\"text\":\"Install\",\"link\":\"/en/\"},{\"text\":\"Option\",\"link\":\"/en/start/option\"}]},{\"text\":\"Component\",\"collapsible\":true,\"items\":[{\"text\":\"Layers\",\"link\":\"/en/component/layers\"},{\"text\":\"Controls\",\"link\":\"/en/component/controls\"},{\"text\":\"Contextmenu\",\"link\":\"/en/component/contextmenu\"},{\"text\":\"Setting\",\"link\":\"/en/component/setting\"}]},{\"text\":\"Advanced\",\"collapsible\":true,\"items\":[{\"text\":\"Instance Property\",\"link\":\"/en/advanced/property\"},{\"text\":\"Advanced Property\",\"link\":\"/en/advanced/built-in\"},{\"text\":\"Static Property\",\"link\":\"/en/advanced/class\"},{\"text\":\"Global Property\",\"link\":\"/en/advanced/global\"},{\"text\":\"Instance Event\",\"link\":\"/en/advanced/event\"},{\"text\":\"Writing Plugin\",\"link\":\"/en/advanced/plugin\"}]},{\"text\":\"Plugins\",\"collapsible\":true,\"items\":[{\"text\":\"Video Ads\",\"link\":\"/en/plugin/ads\"},{\"text\":\"Iframe Control\",\"link\":\"/en/plugin/iframe\"},{\"text\":\"Hls Quality\",\"link\":\"/en/plugin/hls-quality\"},{\"text\":\"Dash Quality\",\"link\":\"/en/plugin/dash-quality\"},{\"text\":\"Control UI\",\"link\":\"/en/plugin/control-ui\"}]},{\"text\":\"Libraries\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/en/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/en/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/en/library/dash\"}]}]},\"editLink\":{\"pattern\":\"https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/:path\",\"text\":\"Edit this page on GitHub\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
     
   </body>

docs/document/en/library/dash.html

@@ -6,10 +6,10 @@
     <title>dash.js | Artplayer.js</title>
     <meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player">
     <link rel="preload stylesheet" href="/document/assets/style.3d04a11d.css" as="style">
-    <script type="module" src="/document/assets/app.7d545639.js"></script>
+    <script type="module" src="/document/assets/app.c33a906f.js"></script>
     <link rel="preload" href="/document/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
   <link rel="modulepreload" href="/document/assets/chunks/framework.48115c03.js">
-  <link rel="modulepreload" href="/document/assets/chunks/theme.7576ef7a.js">
+  <link rel="modulepreload" href="/document/assets/chunks/theme.db6f7e65.js">
   <link rel="modulepreload" href="/document/assets/en_library_dash.md.1a94a772.lean.js">
   <script src="/document/main.js"></script>
   <link rel="stylesheet" href="/document/style.css">
@@ -41,7 +41,7 @@
 <span class="line"><span style="color:#A6ACCD;">art</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">on</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">ready</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">()</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=&gt;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
 <span class="line"><span style="color:#F07178;">    </span><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">info</span><span style="color:#F07178;">(</span><span style="color:#A6ACCD;">art</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">dash</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
 <span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br></div></div></div></div></main><footer class="VPDocFooter" data-v-5aafa2ac data-v-31cb5067><!--[--><!--]--><div class="edit-info" data-v-31cb5067><div class="edit-link" data-v-31cb5067><a class="VPLink link edit-link-button" href="https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/en/library/dash.md" target="_blank" rel="noreferrer" data-v-31cb5067 data-v-87683ad2><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" aria-label="edit icon" data-v-31cb5067><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-31cb5067><p class="VPLastUpdated" data-v-31cb5067 data-v-f00606ba>Last updated: <time datetime="2023-04-22T16:21:38.000Z" data-v-f00606ba></time></p></div></div><div class="prev-next" data-v-31cb5067><div class="pager" data-v-31cb5067><a class="pager-link prev" href="/document/en/library/flv.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Previous page</span><span class="title" data-v-31cb5067>flv.js</span></a></div><div class="has-prev pager" data-v-31cb5067><!----></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"4af05539\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_class.md\":\"66381877\",\"en_component_layers.md\":\"4dc5e66c\",\"component_setting.md\":\"1bc1860b\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_contextmenu.md\":\"dbd69c21\",\"component_controls.md\":\"fea1c7e9\",\"en_plugin_hls-quality.md\":\"d5e1f2f9\",\"en_library_hls.md\":\"3399b13e\",\"en_plugin_dash-quality.md\":\"e282d033\",\"en_plugin_ads.md\":\"20814d70\",\"en_advanced_global.md\":\"8d7d71f1\",\"advanced_global.md\":\"cf94e284\",\"en_library_dash.md\":\"1a94a772\",\"plugin_hls-quality.md\":\"37c40d33\",\"en_advanced_event.md\":\"eb727357\",\"en_plugin_control-ui.md\":\"47bbaae8\",\"library_dash.md\":\"548ff0b2\",\"index.md\":\"6e33e2c8\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0e8ce28d\",\"plugin_control-ui.md\":\"c659ca75\",\"en_library_flv.md\":\"3eb5ed90\",\"en_advanced_property.md\":\"779fe490\",\"plugin_dash-quality.md\":\"a81bd03a\",\"library_hls.md\":\"3142dc3f\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_property.md\":\"32e0ebc0\",\"plugin_danmuku.md\":\"8f352f8c\",\"advanced_event.md\":\"95edbd6b\",\"en_index.md\":\"fa12ecae\",\"en_advanced_built-in.md\":\"852cc7ad\",\"plugin_iframe.md\":\"72fa105c\",\"en_plugin_iframe.md\":\"9e8da093\",\"advanced_built-in.md\":\"2e0780a4\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"af10fe5b\",\"component_layers.md\":\"c089d00b\",\"start_option.md\":\"08913fb2\"}")
+    <script>__VP_HASH_MAP__ = JSON.parse("{\"en_plugin_ads.md\":\"2af64c73\",\"en_index.md\":\"4bcd5818\",\"library_dash.md\":\"548ff0b2\",\"advanced_class.md\":\"4af05539\",\"en_plugin_dash-quality.md\":\"fc109dde\",\"advanced_built-in.md\":\"cc59829e\",\"index.md\":\"1c8c6bb6\",\"en_plugin_control-ui.md\":\"20f93aee\",\"component_layers.md\":\"c089d00b\",\"en_library_dash.md\":\"1a94a772\",\"en_library_hls.md\":\"3399b13e\",\"library_hls.md\":\"3142dc3f\",\"component_controls.md\":\"fea1c7e9\",\"en_advanced_class.md\":\"66381877\",\"advanced_global.md\":\"cf94e284\",\"component_setting.md\":\"1bc1860b\",\"en_library_flv.md\":\"3eb5ed90\",\"en_plugin_hls-quality.md\":\"29073479\",\"plugin_iframe.md\":\"694891af\",\"en_component_contextmenu.md\":\"dbd69c21\",\"en_advanced_built-in.md\":\"4a199548\",\"plugin_control-ui.md\":\"d2e75882\",\"plugin_hls-quality.md\":\"6598e03e\",\"plugin_dash-quality.md\":\"a1f47340\",\"en_plugin_iframe.md\":\"46ba31d6\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_property.md\":\"779fe490\",\"en_component_layers.md\":\"4dc5e66c\",\"plugin_danmuku.md\":\"beba9d3d\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0c9b0374\",\"start_option.md\":\"cfe39ba5\",\"en_advanced_global.md\":\"8d7d71f1\",\"en_advanced_event.md\":\"eb727357\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"059aa136\",\"advanced_property.md\":\"32e0ebc0\",\"advanced_event.md\":\"95edbd6b\"}")
 __VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Artplayer.js\",\"description\":\"ArtPlayer.js is a modern and full featured HTML5 video player\",\"base\":\"/document/\",\"head\":[],\"appearance\":\"dark\",\"themeConfig\":{\"siteTitle\":\"Artplayer.js\",\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"中文版\",\"link\":\"/\"},{\"text\":\"English\",\"link\":\"/en/\",\"activeMatch\":\"/en/\"},{\"text\":\"Online Editor\",\"link\":\"https://artplayer.org\"},{\"text\":\"5.0.x\",\"items\":[{\"text\":\"Changelog\",\"link\":\"https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md\"},{\"text\":\"Donation\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#donations\"},{\"text\":\"Q群: 320881312\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#qq-group\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/zhw2590582/ArtPlayer\"}],\"sidebar\":{\"/\":[{\"text\":\"开始\",\"collapsible\":true,\"items\":[{\"text\":\"安装使用\",\"link\":\"/\"},{\"text\":\"基础选项\",\"link\":\"/start/option\"}]},{\"text\":\"组件\",\"collapsible\":true,\"items\":[{\"text\":\"业务层\",\"link\":\"/component/layers\"},{\"text\":\"控制器\",\"link\":\"/component/controls\"},{\"text\":\"右键菜单\",\"link\":\"/component/contextmenu\"},{\"text\":\"设置面板\",\"link\":\"/component/setting\"}]},{\"text\":\"高级\",\"collapsible\":true,\"items\":[{\"text\":\"实例属性\",\"link\":\"/advanced/property\"},{\"text\":\"高级属性\",\"link\":\"/advanced/built-in\"},{\"text\":\"静态属性\",\"link\":\"/advanced/class\"},{\"text\":\"全局属性\",\"link\":\"/advanced/global\"},{\"text\":\"实例事件\",\"link\":\"/advanced/event\"},{\"text\":\"编写插件\",\"link\":\"/advanced/plugin\"}]},{\"text\":\"插件\",\"collapsible\":true,\"items\":[{\"text\":\"弹幕库\",\"link\":\"/plugin/danmuku\"},{\"text\":\"视频广告\",\"link\":\"/plugin/ads\"},{\"text\":\"Iframe 控制\",\"link\":\"/plugin/iframe\"},{\"text\":\"Hls 画质\",\"link\":\"/plugin/hls-quality\"},{\"text\":\"Dash 画质\",\"link\":\"/plugin/dash-quality\"},{\"text\":\"控制器皮肤\",\"link\":\"/plugin/control-ui\"}]},{\"text\":\"第三方库\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/library/dash\"}]}],\"/en/\":[{\"text\":\"Quick start\",\"collapsible\":true,\"items\":[{\"text\":\"Install\",\"link\":\"/en/\"},{\"text\":\"Option\",\"link\":\"/en/start/option\"}]},{\"text\":\"Component\",\"collapsible\":true,\"items\":[{\"text\":\"Layers\",\"link\":\"/en/component/layers\"},{\"text\":\"Controls\",\"link\":\"/en/component/controls\"},{\"text\":\"Contextmenu\",\"link\":\"/en/component/contextmenu\"},{\"text\":\"Setting\",\"link\":\"/en/component/setting\"}]},{\"text\":\"Advanced\",\"collapsible\":true,\"items\":[{\"text\":\"Instance Property\",\"link\":\"/en/advanced/property\"},{\"text\":\"Advanced Property\",\"link\":\"/en/advanced/built-in\"},{\"text\":\"Static Property\",\"link\":\"/en/advanced/class\"},{\"text\":\"Global Property\",\"link\":\"/en/advanced/global\"},{\"text\":\"Instance Event\",\"link\":\"/en/advanced/event\"},{\"text\":\"Writing Plugin\",\"link\":\"/en/advanced/plugin\"}]},{\"text\":\"Plugins\",\"collapsible\":true,\"items\":[{\"text\":\"Video Ads\",\"link\":\"/en/plugin/ads\"},{\"text\":\"Iframe Control\",\"link\":\"/en/plugin/iframe\"},{\"text\":\"Hls Quality\",\"link\":\"/en/plugin/hls-quality\"},{\"text\":\"Dash Quality\",\"link\":\"/en/plugin/dash-quality\"},{\"text\":\"Control UI\",\"link\":\"/en/plugin/control-ui\"}]},{\"text\":\"Libraries\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/en/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/en/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/en/library/dash\"}]}]},\"editLink\":{\"pattern\":\"https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/:path\",\"text\":\"Edit this page on GitHub\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
     
   </body>

docs/document/en/library/flv.html

@@ -6,10 +6,10 @@
     <title>flv.js | Artplayer.js</title>
     <meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player">
     <link rel="preload stylesheet" href="/document/assets/style.3d04a11d.css" as="style">
-    <script type="module" src="/document/assets/app.7d545639.js"></script>
+    <script type="module" src="/document/assets/app.c33a906f.js"></script>
     <link rel="preload" href="/document/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
   <link rel="modulepreload" href="/document/assets/chunks/framework.48115c03.js">
-  <link rel="modulepreload" href="/document/assets/chunks/theme.7576ef7a.js">
+  <link rel="modulepreload" href="/document/assets/chunks/theme.db6f7e65.js">
   <link rel="modulepreload" href="/document/assets/en_library_flv.md.3eb5ed90.lean.js">
   <script src="/document/main.js"></script>
   <link rel="stylesheet" href="/document/style.css">
@@ -42,7 +42,7 @@
 <span class="line"><span style="color:#A6ACCD;">art</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">on</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">ready</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">()</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=&gt;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
 <span class="line"><span style="color:#F07178;">    </span><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">info</span><span style="color:#F07178;">(</span><span style="color:#A6ACCD;">art</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">flv</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
 <span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br></div></div></div></div></main><footer class="VPDocFooter" data-v-5aafa2ac data-v-31cb5067><!--[--><!--]--><div class="edit-info" data-v-31cb5067><div class="edit-link" data-v-31cb5067><a class="VPLink link edit-link-button" href="https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/en/library/flv.md" target="_blank" rel="noreferrer" data-v-31cb5067 data-v-87683ad2><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" aria-label="edit icon" data-v-31cb5067><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-31cb5067><p class="VPLastUpdated" data-v-31cb5067 data-v-f00606ba>Last updated: <time datetime="2023-04-22T16:21:38.000Z" data-v-f00606ba></time></p></div></div><div class="prev-next" data-v-31cb5067><div class="pager" data-v-31cb5067><a class="pager-link prev" href="/document/en/library/hls.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Previous page</span><span class="title" data-v-31cb5067>hls.js</span></a></div><div class="has-prev pager" data-v-31cb5067><a class="pager-link next" href="/document/en/library/dash.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Next page</span><span class="title" data-v-31cb5067>dash.js</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"4af05539\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_class.md\":\"66381877\",\"en_component_layers.md\":\"4dc5e66c\",\"component_setting.md\":\"1bc1860b\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_contextmenu.md\":\"dbd69c21\",\"component_controls.md\":\"fea1c7e9\",\"en_plugin_hls-quality.md\":\"d5e1f2f9\",\"en_library_hls.md\":\"3399b13e\",\"en_plugin_dash-quality.md\":\"e282d033\",\"en_plugin_ads.md\":\"20814d70\",\"en_advanced_global.md\":\"8d7d71f1\",\"advanced_global.md\":\"cf94e284\",\"en_library_dash.md\":\"1a94a772\",\"plugin_hls-quality.md\":\"37c40d33\",\"en_advanced_event.md\":\"eb727357\",\"en_plugin_control-ui.md\":\"47bbaae8\",\"library_dash.md\":\"548ff0b2\",\"index.md\":\"6e33e2c8\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0e8ce28d\",\"plugin_control-ui.md\":\"c659ca75\",\"en_library_flv.md\":\"3eb5ed90\",\"en_advanced_property.md\":\"779fe490\",\"plugin_dash-quality.md\":\"a81bd03a\",\"library_hls.md\":\"3142dc3f\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_property.md\":\"32e0ebc0\",\"plugin_danmuku.md\":\"8f352f8c\",\"advanced_event.md\":\"95edbd6b\",\"en_index.md\":\"fa12ecae\",\"en_advanced_built-in.md\":\"852cc7ad\",\"plugin_iframe.md\":\"72fa105c\",\"en_plugin_iframe.md\":\"9e8da093\",\"advanced_built-in.md\":\"2e0780a4\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"af10fe5b\",\"component_layers.md\":\"c089d00b\",\"start_option.md\":\"08913fb2\"}")
+    <script>__VP_HASH_MAP__ = JSON.parse("{\"en_plugin_ads.md\":\"2af64c73\",\"en_index.md\":\"4bcd5818\",\"library_dash.md\":\"548ff0b2\",\"advanced_class.md\":\"4af05539\",\"en_plugin_dash-quality.md\":\"fc109dde\",\"advanced_built-in.md\":\"cc59829e\",\"index.md\":\"1c8c6bb6\",\"en_plugin_control-ui.md\":\"20f93aee\",\"component_layers.md\":\"c089d00b\",\"en_library_dash.md\":\"1a94a772\",\"en_library_hls.md\":\"3399b13e\",\"library_hls.md\":\"3142dc3f\",\"component_controls.md\":\"fea1c7e9\",\"en_advanced_class.md\":\"66381877\",\"advanced_global.md\":\"cf94e284\",\"component_setting.md\":\"1bc1860b\",\"en_library_flv.md\":\"3eb5ed90\",\"en_plugin_hls-quality.md\":\"29073479\",\"plugin_iframe.md\":\"694891af\",\"en_component_contextmenu.md\":\"dbd69c21\",\"en_advanced_built-in.md\":\"4a199548\",\"plugin_control-ui.md\":\"d2e75882\",\"plugin_hls-quality.md\":\"6598e03e\",\"plugin_dash-quality.md\":\"a1f47340\",\"en_plugin_iframe.md\":\"46ba31d6\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_property.md\":\"779fe490\",\"en_component_layers.md\":\"4dc5e66c\",\"plugin_danmuku.md\":\"beba9d3d\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0c9b0374\",\"start_option.md\":\"cfe39ba5\",\"en_advanced_global.md\":\"8d7d71f1\",\"en_advanced_event.md\":\"eb727357\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"059aa136\",\"advanced_property.md\":\"32e0ebc0\",\"advanced_event.md\":\"95edbd6b\"}")
 __VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Artplayer.js\",\"description\":\"ArtPlayer.js is a modern and full featured HTML5 video player\",\"base\":\"/document/\",\"head\":[],\"appearance\":\"dark\",\"themeConfig\":{\"siteTitle\":\"Artplayer.js\",\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"中文版\",\"link\":\"/\"},{\"text\":\"English\",\"link\":\"/en/\",\"activeMatch\":\"/en/\"},{\"text\":\"Online Editor\",\"link\":\"https://artplayer.org\"},{\"text\":\"5.0.x\",\"items\":[{\"text\":\"Changelog\",\"link\":\"https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md\"},{\"text\":\"Donation\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#donations\"},{\"text\":\"Q群: 320881312\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#qq-group\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/zhw2590582/ArtPlayer\"}],\"sidebar\":{\"/\":[{\"text\":\"开始\",\"collapsible\":true,\"items\":[{\"text\":\"安装使用\",\"link\":\"/\"},{\"text\":\"基础选项\",\"link\":\"/start/option\"}]},{\"text\":\"组件\",\"collapsible\":true,\"items\":[{\"text\":\"业务层\",\"link\":\"/component/layers\"},{\"text\":\"控制器\",\"link\":\"/component/controls\"},{\"text\":\"右键菜单\",\"link\":\"/component/contextmenu\"},{\"text\":\"设置面板\",\"link\":\"/component/setting\"}]},{\"text\":\"高级\",\"collapsible\":true,\"items\":[{\"text\":\"实例属性\",\"link\":\"/advanced/property\"},{\"text\":\"高级属性\",\"link\":\"/advanced/built-in\"},{\"text\":\"静态属性\",\"link\":\"/advanced/class\"},{\"text\":\"全局属性\",\"link\":\"/advanced/global\"},{\"text\":\"实例事件\",\"link\":\"/advanced/event\"},{\"text\":\"编写插件\",\"link\":\"/advanced/plugin\"}]},{\"text\":\"插件\",\"collapsible\":true,\"items\":[{\"text\":\"弹幕库\",\"link\":\"/plugin/danmuku\"},{\"text\":\"视频广告\",\"link\":\"/plugin/ads\"},{\"text\":\"Iframe 控制\",\"link\":\"/plugin/iframe\"},{\"text\":\"Hls 画质\",\"link\":\"/plugin/hls-quality\"},{\"text\":\"Dash 画质\",\"link\":\"/plugin/dash-quality\"},{\"text\":\"控制器皮肤\",\"link\":\"/plugin/control-ui\"}]},{\"text\":\"第三方库\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/library/dash\"}]}],\"/en/\":[{\"text\":\"Quick start\",\"collapsible\":true,\"items\":[{\"text\":\"Install\",\"link\":\"/en/\"},{\"text\":\"Option\",\"link\":\"/en/start/option\"}]},{\"text\":\"Component\",\"collapsible\":true,\"items\":[{\"text\":\"Layers\",\"link\":\"/en/component/layers\"},{\"text\":\"Controls\",\"link\":\"/en/component/controls\"},{\"text\":\"Contextmenu\",\"link\":\"/en/component/contextmenu\"},{\"text\":\"Setting\",\"link\":\"/en/component/setting\"}]},{\"text\":\"Advanced\",\"collapsible\":true,\"items\":[{\"text\":\"Instance Property\",\"link\":\"/en/advanced/property\"},{\"text\":\"Advanced Property\",\"link\":\"/en/advanced/built-in\"},{\"text\":\"Static Property\",\"link\":\"/en/advanced/class\"},{\"text\":\"Global Property\",\"link\":\"/en/advanced/global\"},{\"text\":\"Instance Event\",\"link\":\"/en/advanced/event\"},{\"text\":\"Writing Plugin\",\"link\":\"/en/advanced/plugin\"}]},{\"text\":\"Plugins\",\"collapsible\":true,\"items\":[{\"text\":\"Video Ads\",\"link\":\"/en/plugin/ads\"},{\"text\":\"Iframe Control\",\"link\":\"/en/plugin/iframe\"},{\"text\":\"Hls Quality\",\"link\":\"/en/plugin/hls-quality\"},{\"text\":\"Dash Quality\",\"link\":\"/en/plugin/dash-quality\"},{\"text\":\"Control UI\",\"link\":\"/en/plugin/control-ui\"}]},{\"text\":\"Libraries\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/en/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/en/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/en/library/dash\"}]}]},\"editLink\":{\"pattern\":\"https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/:path\",\"text\":\"Edit this page on GitHub\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
     
   </body>

docs/document/en/library/hls.html

@@ -6,10 +6,10 @@
     <title>hls.js | Artplayer.js</title>
     <meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player">
     <link rel="preload stylesheet" href="/document/assets/style.3d04a11d.css" as="style">
-    <script type="module" src="/document/assets/app.7d545639.js"></script>
+    <script type="module" src="/document/assets/app.c33a906f.js"></script>
     <link rel="preload" href="/document/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
   <link rel="modulepreload" href="/document/assets/chunks/framework.48115c03.js">
-  <link rel="modulepreload" href="/document/assets/chunks/theme.7576ef7a.js">
+  <link rel="modulepreload" href="/document/assets/chunks/theme.db6f7e65.js">
   <link rel="modulepreload" href="/document/assets/en_library_hls.md.3399b13e.lean.js">
   <script src="/document/main.js"></script>
   <link rel="stylesheet" href="/document/style.css">
@@ -44,7 +44,7 @@
 <span class="line"><span style="color:#A6ACCD;">art</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">on</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">ready</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">()</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=&gt;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
 <span class="line"><span style="color:#F07178;">    </span><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">info</span><span style="color:#F07178;">(</span><span style="color:#A6ACCD;">art</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">hls</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
 <span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br></div></div></div></div></main><footer class="VPDocFooter" data-v-5aafa2ac data-v-31cb5067><!--[--><!--]--><div class="edit-info" data-v-31cb5067><div class="edit-link" data-v-31cb5067><a class="VPLink link edit-link-button" href="https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/en/library/hls.md" target="_blank" rel="noreferrer" data-v-31cb5067 data-v-87683ad2><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" aria-label="edit icon" data-v-31cb5067><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-31cb5067><p class="VPLastUpdated" data-v-31cb5067 data-v-f00606ba>Last updated: <time datetime="2023-04-22T16:21:38.000Z" data-v-f00606ba></time></p></div></div><div class="prev-next" data-v-31cb5067><div class="pager" data-v-31cb5067><a class="pager-link prev" href="/document/en/plugin/control-ui.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Previous page</span><span class="title" data-v-31cb5067>Control UI</span></a></div><div class="has-prev pager" data-v-31cb5067><a class="pager-link next" href="/document/en/library/flv.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Next page</span><span class="title" data-v-31cb5067>flv.js</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"4af05539\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_class.md\":\"66381877\",\"en_component_layers.md\":\"4dc5e66c\",\"component_setting.md\":\"1bc1860b\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_contextmenu.md\":\"dbd69c21\",\"component_controls.md\":\"fea1c7e9\",\"en_plugin_hls-quality.md\":\"d5e1f2f9\",\"en_library_hls.md\":\"3399b13e\",\"en_plugin_dash-quality.md\":\"e282d033\",\"en_plugin_ads.md\":\"20814d70\",\"en_advanced_global.md\":\"8d7d71f1\",\"advanced_global.md\":\"cf94e284\",\"en_library_dash.md\":\"1a94a772\",\"plugin_hls-quality.md\":\"37c40d33\",\"en_advanced_event.md\":\"eb727357\",\"en_plugin_control-ui.md\":\"47bbaae8\",\"library_dash.md\":\"548ff0b2\",\"index.md\":\"6e33e2c8\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0e8ce28d\",\"plugin_control-ui.md\":\"c659ca75\",\"en_library_flv.md\":\"3eb5ed90\",\"en_advanced_property.md\":\"779fe490\",\"plugin_dash-quality.md\":\"a81bd03a\",\"library_hls.md\":\"3142dc3f\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_property.md\":\"32e0ebc0\",\"plugin_danmuku.md\":\"8f352f8c\",\"advanced_event.md\":\"95edbd6b\",\"en_index.md\":\"fa12ecae\",\"en_advanced_built-in.md\":\"852cc7ad\",\"plugin_iframe.md\":\"72fa105c\",\"en_plugin_iframe.md\":\"9e8da093\",\"advanced_built-in.md\":\"2e0780a4\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"af10fe5b\",\"component_layers.md\":\"c089d00b\",\"start_option.md\":\"08913fb2\"}")
+    <script>__VP_HASH_MAP__ = JSON.parse("{\"en_plugin_ads.md\":\"2af64c73\",\"en_index.md\":\"4bcd5818\",\"library_dash.md\":\"548ff0b2\",\"advanced_class.md\":\"4af05539\",\"en_plugin_dash-quality.md\":\"fc109dde\",\"advanced_built-in.md\":\"cc59829e\",\"index.md\":\"1c8c6bb6\",\"en_plugin_control-ui.md\":\"20f93aee\",\"component_layers.md\":\"c089d00b\",\"en_library_dash.md\":\"1a94a772\",\"en_library_hls.md\":\"3399b13e\",\"library_hls.md\":\"3142dc3f\",\"component_controls.md\":\"fea1c7e9\",\"en_advanced_class.md\":\"66381877\",\"advanced_global.md\":\"cf94e284\",\"component_setting.md\":\"1bc1860b\",\"en_library_flv.md\":\"3eb5ed90\",\"en_plugin_hls-quality.md\":\"29073479\",\"plugin_iframe.md\":\"694891af\",\"en_component_contextmenu.md\":\"dbd69c21\",\"en_advanced_built-in.md\":\"4a199548\",\"plugin_control-ui.md\":\"d2e75882\",\"plugin_hls-quality.md\":\"6598e03e\",\"plugin_dash-quality.md\":\"a1f47340\",\"en_plugin_iframe.md\":\"46ba31d6\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_property.md\":\"779fe490\",\"en_component_layers.md\":\"4dc5e66c\",\"plugin_danmuku.md\":\"beba9d3d\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0c9b0374\",\"start_option.md\":\"cfe39ba5\",\"en_advanced_global.md\":\"8d7d71f1\",\"en_advanced_event.md\":\"eb727357\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"059aa136\",\"advanced_property.md\":\"32e0ebc0\",\"advanced_event.md\":\"95edbd6b\"}")
 __VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Artplayer.js\",\"description\":\"ArtPlayer.js is a modern and full featured HTML5 video player\",\"base\":\"/document/\",\"head\":[],\"appearance\":\"dark\",\"themeConfig\":{\"siteTitle\":\"Artplayer.js\",\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"中文版\",\"link\":\"/\"},{\"text\":\"English\",\"link\":\"/en/\",\"activeMatch\":\"/en/\"},{\"text\":\"Online Editor\",\"link\":\"https://artplayer.org\"},{\"text\":\"5.0.x\",\"items\":[{\"text\":\"Changelog\",\"link\":\"https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md\"},{\"text\":\"Donation\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#donations\"},{\"text\":\"Q群: 320881312\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#qq-group\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/zhw2590582/ArtPlayer\"}],\"sidebar\":{\"/\":[{\"text\":\"开始\",\"collapsible\":true,\"items\":[{\"text\":\"安装使用\",\"link\":\"/\"},{\"text\":\"基础选项\",\"link\":\"/start/option\"}]},{\"text\":\"组件\",\"collapsible\":true,\"items\":[{\"text\":\"业务层\",\"link\":\"/component/layers\"},{\"text\":\"控制器\",\"link\":\"/component/controls\"},{\"text\":\"右键菜单\",\"link\":\"/component/contextmenu\"},{\"text\":\"设置面板\",\"link\":\"/component/setting\"}]},{\"text\":\"高级\",\"collapsible\":true,\"items\":[{\"text\":\"实例属性\",\"link\":\"/advanced/property\"},{\"text\":\"高级属性\",\"link\":\"/advanced/built-in\"},{\"text\":\"静态属性\",\"link\":\"/advanced/class\"},{\"text\":\"全局属性\",\"link\":\"/advanced/global\"},{\"text\":\"实例事件\",\"link\":\"/advanced/event\"},{\"text\":\"编写插件\",\"link\":\"/advanced/plugin\"}]},{\"text\":\"插件\",\"collapsible\":true,\"items\":[{\"text\":\"弹幕库\",\"link\":\"/plugin/danmuku\"},{\"text\":\"视频广告\",\"link\":\"/plugin/ads\"},{\"text\":\"Iframe 控制\",\"link\":\"/plugin/iframe\"},{\"text\":\"Hls 画质\",\"link\":\"/plugin/hls-quality\"},{\"text\":\"Dash 画质\",\"link\":\"/plugin/dash-quality\"},{\"text\":\"控制器皮肤\",\"link\":\"/plugin/control-ui\"}]},{\"text\":\"第三方库\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/library/dash\"}]}],\"/en/\":[{\"text\":\"Quick start\",\"collapsible\":true,\"items\":[{\"text\":\"Install\",\"link\":\"/en/\"},{\"text\":\"Option\",\"link\":\"/en/start/option\"}]},{\"text\":\"Component\",\"collapsible\":true,\"items\":[{\"text\":\"Layers\",\"link\":\"/en/component/layers\"},{\"text\":\"Controls\",\"link\":\"/en/component/controls\"},{\"text\":\"Contextmenu\",\"link\":\"/en/component/contextmenu\"},{\"text\":\"Setting\",\"link\":\"/en/component/setting\"}]},{\"text\":\"Advanced\",\"collapsible\":true,\"items\":[{\"text\":\"Instance Property\",\"link\":\"/en/advanced/property\"},{\"text\":\"Advanced Property\",\"link\":\"/en/advanced/built-in\"},{\"text\":\"Static Property\",\"link\":\"/en/advanced/class\"},{\"text\":\"Global Property\",\"link\":\"/en/advanced/global\"},{\"text\":\"Instance Event\",\"link\":\"/en/advanced/event\"},{\"text\":\"Writing Plugin\",\"link\":\"/en/advanced/plugin\"}]},{\"text\":\"Plugins\",\"collapsible\":true,\"items\":[{\"text\":\"Video Ads\",\"link\":\"/en/plugin/ads\"},{\"text\":\"Iframe Control\",\"link\":\"/en/plugin/iframe\"},{\"text\":\"Hls Quality\",\"link\":\"/en/plugin/hls-quality\"},{\"text\":\"Dash Quality\",\"link\":\"/en/plugin/dash-quality\"},{\"text\":\"Control UI\",\"link\":\"/en/plugin/control-ui\"}]},{\"text\":\"Libraries\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/en/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/en/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/en/library/dash\"}]}]},\"editLink\":{\"pattern\":\"https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/:path\",\"text\":\"Edit this page on GitHub\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
     
   </body>

docs/document/en/plugin/ads.html

@@ -6,18 +6,18 @@
     <title>视频广告 | Artplayer.js</title>
     <meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player">
     <link rel="preload stylesheet" href="/document/assets/style.3d04a11d.css" as="style">
-    <script type="module" src="/document/assets/app.7d545639.js"></script>
+    <script type="module" src="/document/assets/app.c33a906f.js"></script>
     <link rel="preload" href="/document/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
   <link rel="modulepreload" href="/document/assets/chunks/framework.48115c03.js">
-  <link rel="modulepreload" href="/document/assets/chunks/theme.7576ef7a.js">
-  <link rel="modulepreload" href="/document/assets/en_plugin_ads.md.20814d70.lean.js">
+  <link rel="modulepreload" href="/document/assets/chunks/theme.db6f7e65.js">
+  <link rel="modulepreload" href="/document/assets/en_plugin_ads.md.2af64c73.lean.js">
   <script src="/document/main.js"></script>
   <link rel="stylesheet" href="/document/style.css">
   <link rel="shortcut icon" href="/document/favicon.ico">
   <script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"dark",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-bd8710d4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-994b33bc></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-994b33bc> Skip to content </a><!--]--><!----><header class="VPNav" data-v-bd8710d4 data-v-b1949460><div class="VPNavBar has-sidebar" data-v-b1949460 data-v-82c325fa><div class="container" data-v-82c325fa><div class="title" data-v-82c325fa><div class="VPNavBarTitle has-sidebar" data-v-82c325fa data-v-bd15f18e><a class="title" href="/document/" data-v-bd15f18e><!--[--><!--]--><!--[--><img class="VPImage logo" src="/document/logo.png" alt data-v-74766fef><!--]--><!--[-->Artplayer.js<!--]--><!--[--><!--]--></a></div></div><div class="content" data-v-82c325fa><div class="curtain" data-v-82c325fa></div><div class="content-body" data-v-82c325fa><!--[--><!--]--><div class="VPNavBarSearch search" data-v-82c325fa><!----><div id="docsearch"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><span class="DocSearch-Button-Key">Meta</span><span class="DocSearch-Button-Key">K</span></span></button></div></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-82c325fa data-v-c6c3e6d4><span id="main-nav-aria-label" class="visually-hidden" data-v-c6c3e6d4>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/document/" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->中文版<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/document/en/" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->English<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="https://artplayer.org" target="_blank" rel="noreferrer" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->Online Editor<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-c6c3e6d4 data-v-64c29883><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-64c29883><span class="text" data-v-64c29883><!----> 5.0.x <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="text-icon" data-v-64c29883><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="menu" data-v-64c29883><div class="VPMenu" data-v-64c29883 data-v-7bffa9cd><div class="items" data-v-7bffa9cd><!--[--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Changelog<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer#donations" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Donation<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer#qq-group" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Q群: 320881312<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]-Line truncated
+    <div id="app"><div class="Layout" data-v-bd8710d4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-994b33bc></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-994b33bc> Skip to content </a><!--]--><!----><header class="VPNav" data-v-bd8710d4 data-v-b1949460><div class="VPNavBar has-sidebar" data-v-b1949460 data-v-82c325fa><div class="container" data-v-82c325fa><div class="title" data-v-82c325fa><div class="VPNavBarTitle has-sidebar" data-v-82c325fa data-v-bd15f18e><a class="title" href="/document/" data-v-bd15f18e><!--[--><!--]--><!--[--><img class="VPImage logo" src="/document/logo.png" alt data-v-74766fef><!--]--><!--[-->Artplayer.js<!--]--><!--[--><!--]--></a></div></div><div class="content" data-v-82c325fa><div class="curtain" data-v-82c325fa></div><div class="content-body" data-v-82c325fa><!--[--><!--]--><div class="VPNavBarSearch search" data-v-82c325fa><!----><div id="docsearch"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><span class="DocSearch-Button-Key">Meta</span><span class="DocSearch-Button-Key">K</span></span></button></div></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-82c325fa data-v-c6c3e6d4><span id="main-nav-aria-label" class="visually-hidden" data-v-c6c3e6d4>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/document/" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->中文版<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/document/en/" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->English<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="https://artplayer.org" target="_blank" rel="noreferrer" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->Online Editor<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-c6c3e6d4 data-v-64c29883><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-64c29883><span class="text" data-v-64c29883><!----> 5.0.x <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="text-icon" data-v-64c29883><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="menu" data-v-64c29883><div class="VPMenu" data-v-64c29883 data-v-7bffa9cd><div class="items" data-v-7bffa9cd><!--[--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Changelog<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer#donations" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Donation<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer#qq-group" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Q群: 320881312<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]-Line truncated
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">container</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">.artplayer-app</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">url</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">/assets/sample/video.mp4</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">autoSize</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FF9CAC;">true</span><span style="color:#89DDFF;">,</span></span>
@@ -65,7 +65,7 @@
 <span class="line"><span style="color:#A6ACCD;">art</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">on</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">artplayerPluginAds:skip</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;font-style:italic;">ads</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=&gt;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
 <span class="line"><span style="color:#F07178;">    </span><span style="color:#A6ACCD;">console</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">info</span><span style="color:#F07178;">(</span><span style="color:#A6ACCD;">ads</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
 <span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br><span class="line-number">36</span><br><span class="line-number">37</span><br><span class="line-number">38</span><br><span class="line-number">39</span><br><span class="line-number">40</span><br><span class="line-number">41</span><br><span class="line-number">42</span><br><span class="line-number">43</span><br><span class="line-number">44</span><br><span class="line-number">45</span><br><span class="line-number">46</span><br><span class="line-number">47</span><br><span class="line-number">48</span><br></div></div></div></div></main><footer class="VPDocFooter" data-v-5aafa2ac data-v-31cb5067><!--[--><!--]--><div class="edit-info" data-v-31cb5067><div class="edit-link" data-v-31cb5067><a class="VPLink link edit-link-button" href="https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/en/plugin/ads.md" target="_blank" rel="noreferrer" data-v-31cb5067 data-v-87683ad2><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" aria-label="edit icon" data-v-31cb5067><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-31cb5067><p class="VPLastUpdated" data-v-31cb5067 data-v-f00606ba>Last updated: <time datetime="2023-01-14T10:39:52.000Z" data-v-f00606ba></time></p></div></div><div class="prev-next" data-v-31cb5067><div class="pager" data-v-31cb5067><a class="pager-link prev" href="/document/en/advanced/plugin.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Previous page</span><span class="title" data-v-31cb5067>Writing Plugin</span></a></div><div class="has-prev pager" data-v-31cb5067><a class="pager-link next" href="/document/en/plugin/iframe.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Next page</span><span class="title" data-v-31cb5067>Iframe Control</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"4af05539\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_class.md\":\"66381877\",\"en_component_layers.md\":\"4dc5e66c\",\"component_setting.md\":\"1bc1860b\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_contextmenu.md\":\"dbd69c21\",\"component_controls.md\":\"fea1c7e9\",\"en_plugin_hls-quality.md\":\"d5e1f2f9\",\"en_library_hls.md\":\"3399b13e\",\"en_plugin_dash-quality.md\":\"e282d033\",\"en_plugin_ads.md\":\"20814d70\",\"en_advanced_global.md\":\"8d7d71f1\",\"advanced_global.md\":\"cf94e284\",\"en_library_dash.md\":\"1a94a772\",\"plugin_hls-quality.md\":\"37c40d33\",\"en_advanced_event.md\":\"eb727357\",\"en_plugin_control-ui.md\":\"47bbaae8\",\"library_dash.md\":\"548ff0b2\",\"index.md\":\"6e33e2c8\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0e8ce28d\",\"plugin_control-ui.md\":\"c659ca75\",\"en_library_flv.md\":\"3eb5ed90\",\"en_advanced_property.md\":\"779fe490\",\"plugin_dash-quality.md\":\"a81bd03a\",\"library_hls.md\":\"3142dc3f\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_property.md\":\"32e0ebc0\",\"plugin_danmuku.md\":\"8f352f8c\",\"advanced_event.md\":\"95edbd6b\",\"en_index.md\":\"fa12ecae\",\"en_advanced_built-in.md\":\"852cc7ad\",\"plugin_iframe.md\":\"72fa105c\",\"en_plugin_iframe.md\":\"9e8da093\",\"advanced_built-in.md\":\"2e0780a4\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"af10fe5b\",\"component_layers.md\":\"c089d00b\",\"start_option.md\":\"08913fb2\"}")
+    <script>__VP_HASH_MAP__ = JSON.parse("{\"en_plugin_ads.md\":\"2af64c73\",\"en_index.md\":\"4bcd5818\",\"library_dash.md\":\"548ff0b2\",\"advanced_class.md\":\"4af05539\",\"en_plugin_dash-quality.md\":\"fc109dde\",\"advanced_built-in.md\":\"cc59829e\",\"index.md\":\"1c8c6bb6\",\"en_plugin_control-ui.md\":\"20f93aee\",\"component_layers.md\":\"c089d00b\",\"en_library_dash.md\":\"1a94a772\",\"en_library_hls.md\":\"3399b13e\",\"library_hls.md\":\"3142dc3f\",\"component_controls.md\":\"fea1c7e9\",\"en_advanced_class.md\":\"66381877\",\"advanced_global.md\":\"cf94e284\",\"component_setting.md\":\"1bc1860b\",\"en_library_flv.md\":\"3eb5ed90\",\"en_plugin_hls-quality.md\":\"29073479\",\"plugin_iframe.md\":\"694891af\",\"en_component_contextmenu.md\":\"dbd69c21\",\"en_advanced_built-in.md\":\"4a199548\",\"plugin_control-ui.md\":\"d2e75882\",\"plugin_hls-quality.md\":\"6598e03e\",\"plugin_dash-quality.md\":\"a1f47340\",\"en_plugin_iframe.md\":\"46ba31d6\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_property.md\":\"779fe490\",\"en_component_layers.md\":\"4dc5e66c\",\"plugin_danmuku.md\":\"beba9d3d\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0c9b0374\",\"start_option.md\":\"cfe39ba5\",\"en_advanced_global.md\":\"8d7d71f1\",\"en_advanced_event.md\":\"eb727357\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"059aa136\",\"advanced_property.md\":\"32e0ebc0\",\"advanced_event.md\":\"95edbd6b\"}")
 __VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Artplayer.js\",\"description\":\"ArtPlayer.js is a modern and full featured HTML5 video player\",\"base\":\"/document/\",\"head\":[],\"appearance\":\"dark\",\"themeConfig\":{\"siteTitle\":\"Artplayer.js\",\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"中文版\",\"link\":\"/\"},{\"text\":\"English\",\"link\":\"/en/\",\"activeMatch\":\"/en/\"},{\"text\":\"Online Editor\",\"link\":\"https://artplayer.org\"},{\"text\":\"5.0.x\",\"items\":[{\"text\":\"Changelog\",\"link\":\"https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md\"},{\"text\":\"Donation\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#donations\"},{\"text\":\"Q群: 320881312\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#qq-group\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/zhw2590582/ArtPlayer\"}],\"sidebar\":{\"/\":[{\"text\":\"开始\",\"collapsible\":true,\"items\":[{\"text\":\"安装使用\",\"link\":\"/\"},{\"text\":\"基础选项\",\"link\":\"/start/option\"}]},{\"text\":\"组件\",\"collapsible\":true,\"items\":[{\"text\":\"业务层\",\"link\":\"/component/layers\"},{\"text\":\"控制器\",\"link\":\"/component/controls\"},{\"text\":\"右键菜单\",\"link\":\"/component/contextmenu\"},{\"text\":\"设置面板\",\"link\":\"/component/setting\"}]},{\"text\":\"高级\",\"collapsible\":true,\"items\":[{\"text\":\"实例属性\",\"link\":\"/advanced/property\"},{\"text\":\"高级属性\",\"link\":\"/advanced/built-in\"},{\"text\":\"静态属性\",\"link\":\"/advanced/class\"},{\"text\":\"全局属性\",\"link\":\"/advanced/global\"},{\"text\":\"实例事件\",\"link\":\"/advanced/event\"},{\"text\":\"编写插件\",\"link\":\"/advanced/plugin\"}]},{\"text\":\"插件\",\"collapsible\":true,\"items\":[{\"text\":\"弹幕库\",\"link\":\"/plugin/danmuku\"},{\"text\":\"视频广告\",\"link\":\"/plugin/ads\"},{\"text\":\"Iframe 控制\",\"link\":\"/plugin/iframe\"},{\"text\":\"Hls 画质\",\"link\":\"/plugin/hls-quality\"},{\"text\":\"Dash 画质\",\"link\":\"/plugin/dash-quality\"},{\"text\":\"控制器皮肤\",\"link\":\"/plugin/control-ui\"}]},{\"text\":\"第三方库\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/library/dash\"}]}],\"/en/\":[{\"text\":\"Quick start\",\"collapsible\":true,\"items\":[{\"text\":\"Install\",\"link\":\"/en/\"},{\"text\":\"Option\",\"link\":\"/en/start/option\"}]},{\"text\":\"Component\",\"collapsible\":true,\"items\":[{\"text\":\"Layers\",\"link\":\"/en/component/layers\"},{\"text\":\"Controls\",\"link\":\"/en/component/controls\"},{\"text\":\"Contextmenu\",\"link\":\"/en/component/contextmenu\"},{\"text\":\"Setting\",\"link\":\"/en/component/setting\"}]},{\"text\":\"Advanced\",\"collapsible\":true,\"items\":[{\"text\":\"Instance Property\",\"link\":\"/en/advanced/property\"},{\"text\":\"Advanced Property\",\"link\":\"/en/advanced/built-in\"},{\"text\":\"Static Property\",\"link\":\"/en/advanced/class\"},{\"text\":\"Global Property\",\"link\":\"/en/advanced/global\"},{\"text\":\"Instance Event\",\"link\":\"/en/advanced/event\"},{\"text\":\"Writing Plugin\",\"link\":\"/en/advanced/plugin\"}]},{\"text\":\"Plugins\",\"collapsible\":true,\"items\":[{\"text\":\"Video Ads\",\"link\":\"/en/plugin/ads\"},{\"text\":\"Iframe Control\",\"link\":\"/en/plugin/iframe\"},{\"text\":\"Hls Quality\",\"link\":\"/en/plugin/hls-quality\"},{\"text\":\"Dash Quality\",\"link\":\"/en/plugin/dash-quality\"},{\"text\":\"Control UI\",\"link\":\"/en/plugin/control-ui\"}]},{\"text\":\"Libraries\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/en/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/en/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/en/library/dash\"}]}]},\"editLink\":{\"pattern\":\"https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/:path\",\"text\":\"Edit this page on GitHub\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
     
   </body>

docs/document/en/plugin/control-ui.html

@@ -6,18 +6,18 @@
     <title>控制器皮肤 | Artplayer.js</title>
     <meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player">
     <link rel="preload stylesheet" href="/document/assets/style.3d04a11d.css" as="style">
-    <script type="module" src="/document/assets/app.7d545639.js"></script>
+    <script type="module" src="/document/assets/app.c33a906f.js"></script>
     <link rel="preload" href="/document/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
   <link rel="modulepreload" href="/document/assets/chunks/framework.48115c03.js">
-  <link rel="modulepreload" href="/document/assets/chunks/theme.7576ef7a.js">
-  <link rel="modulepreload" href="/document/assets/en_plugin_control-ui.md.47bbaae8.lean.js">
+  <link rel="modulepreload" href="/document/assets/chunks/theme.db6f7e65.js">
+  <link rel="modulepreload" href="/document/assets/en_plugin_control-ui.md.20f93aee.lean.js">
   <script src="/document/main.js"></script>
   <link rel="stylesheet" href="/document/style.css">
   <link rel="shortcut icon" href="/document/favicon.ico">
   <script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"dark",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-bd8710d4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-994b33bc></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-994b33bc> Skip to content </a><!--]--><!----><header class="VPNav" data-v-bd8710d4 data-v-b1949460><div class="VPNavBar has-sidebar" data-v-b1949460 data-v-82c325fa><div class="container" data-v-82c325fa><div class="title" data-v-82c325fa><div class="VPNavBarTitle has-sidebar" data-v-82c325fa data-v-bd15f18e><a class="title" href="/document/" data-v-bd15f18e><!--[--><!--]--><!--[--><img class="VPImage logo" src="/document/logo.png" alt data-v-74766fef><!--]--><!--[-->Artplayer.js<!--]--><!--[--><!--]--></a></div></div><div class="content" data-v-82c325fa><div class="curtain" data-v-82c325fa></div><div class="content-body" data-v-82c325fa><!--[--><!--]--><div class="VPNavBarSearch search" data-v-82c325fa><!----><div id="docsearch"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><span class="DocSearch-Button-Key">Meta</span><span class="DocSearch-Button-Key">K</span></span></button></div></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-82c325fa data-v-c6c3e6d4><span id="main-nav-aria-label" class="visually-hidden" data-v-c6c3e6d4>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/document/" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->中文版<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/document/en/" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->English<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="https://artplayer.org" target="_blank" rel="noreferrer" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->Online Editor<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-c6c3e6d4 data-v-64c29883><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-64c29883><span class="text" data-v-64c29883><!----> 5.0.x <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="text-icon" data-v-64c29883><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="menu" data-v-64c29883><div class="VPMenu" data-v-64c29883 data-v-7bffa9cd><div class="items" data-v-7bffa9cd><!--[--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Changelog<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer#donations" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Donation<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer#qq-group" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Q群: 320881312<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]-Line truncated
+    <div id="app"><div class="Layout" data-v-bd8710d4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-994b33bc></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-994b33bc> Skip to content </a><!--]--><!----><header class="VPNav" data-v-bd8710d4 data-v-b1949460><div class="VPNavBar has-sidebar" data-v-b1949460 data-v-82c325fa><div class="container" data-v-82c325fa><div class="title" data-v-82c325fa><div class="VPNavBarTitle has-sidebar" data-v-82c325fa data-v-bd15f18e><a class="title" href="/document/" data-v-bd15f18e><!--[--><!--]--><!--[--><img class="VPImage logo" src="/document/logo.png" alt data-v-74766fef><!--]--><!--[-->Artplayer.js<!--]--><!--[--><!--]--></a></div></div><div class="content" data-v-82c325fa><div class="curtain" data-v-82c325fa></div><div class="content-body" data-v-82c325fa><!--[--><!--]--><div class="VPNavBarSearch search" data-v-82c325fa><!----><div id="docsearch"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><span class="DocSearch-Button-Key">Meta</span><span class="DocSearch-Button-Key">K</span></span></button></div></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-82c325fa data-v-c6c3e6d4><span id="main-nav-aria-label" class="visually-hidden" data-v-c6c3e6d4>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/document/" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->中文版<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/document/en/" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->English<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="https://artplayer.org" target="_blank" rel="noreferrer" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->Online Editor<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-c6c3e6d4 data-v-64c29883><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-64c29883><span class="text" data-v-64c29883><!----> 5.0.x <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="text-icon" data-v-64c29883><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="menu" data-v-64c29883><div class="VPMenu" data-v-64c29883 data-v-7bffa9cd><div class="items" data-v-7bffa9cd><!--[--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Changelog<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer#donations" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Donation<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer#qq-group" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Q群: 320881312<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]-Line truncated
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">container</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">.artplayer-app</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">url</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">/assets/sample/video.mp4</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">fullscreen</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FF9CAC;">true</span><span style="color:#89DDFF;">,</span></span>
@@ -44,7 +44,7 @@
 <span class="line"><span style="color:#A6ACCD;">        </span><span style="color:#82AAFF;">artplayerPluginControl</span><span style="color:#A6ACCD;">()</span><span style="color:#89DDFF;">,</span></span>
 <span class="line"><span style="color:#A6ACCD;">    ]</span><span style="color:#89DDFF;">,</span></span>
 <span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br></div></div></div></div></main><footer class="VPDocFooter" data-v-5aafa2ac data-v-31cb5067><!--[--><!--]--><div class="edit-info" data-v-31cb5067><div class="edit-link" data-v-31cb5067><a class="VPLink link edit-link-button" href="https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/en/plugin/control-ui.md" target="_blank" rel="noreferrer" data-v-31cb5067 data-v-87683ad2><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" aria-label="edit icon" data-v-31cb5067><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-31cb5067><p class="VPLastUpdated" data-v-31cb5067 data-v-f00606ba>Last updated: <time datetime="2023-01-14T10:39:52.000Z" data-v-f00606ba></time></p></div></div><div class="prev-next" data-v-31cb5067><div class="pager" data-v-31cb5067><a class="pager-link prev" href="/document/en/plugin/dash-quality.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Previous page</span><span class="title" data-v-31cb5067>Dash Quality</span></a></div><div class="has-prev pager" data-v-31cb5067><a class="pager-link next" href="/document/en/library/hls.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Next page</span><span class="title" data-v-31cb5067>hls.js</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"4af05539\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_class.md\":\"66381877\",\"en_component_layers.md\":\"4dc5e66c\",\"component_setting.md\":\"1bc1860b\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_contextmenu.md\":\"dbd69c21\",\"component_controls.md\":\"fea1c7e9\",\"en_plugin_hls-quality.md\":\"d5e1f2f9\",\"en_library_hls.md\":\"3399b13e\",\"en_plugin_dash-quality.md\":\"e282d033\",\"en_plugin_ads.md\":\"20814d70\",\"en_advanced_global.md\":\"8d7d71f1\",\"advanced_global.md\":\"cf94e284\",\"en_library_dash.md\":\"1a94a772\",\"plugin_hls-quality.md\":\"37c40d33\",\"en_advanced_event.md\":\"eb727357\",\"en_plugin_control-ui.md\":\"47bbaae8\",\"library_dash.md\":\"548ff0b2\",\"index.md\":\"6e33e2c8\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0e8ce28d\",\"plugin_control-ui.md\":\"c659ca75\",\"en_library_flv.md\":\"3eb5ed90\",\"en_advanced_property.md\":\"779fe490\",\"plugin_dash-quality.md\":\"a81bd03a\",\"library_hls.md\":\"3142dc3f\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_property.md\":\"32e0ebc0\",\"plugin_danmuku.md\":\"8f352f8c\",\"advanced_event.md\":\"95edbd6b\",\"en_index.md\":\"fa12ecae\",\"en_advanced_built-in.md\":\"852cc7ad\",\"plugin_iframe.md\":\"72fa105c\",\"en_plugin_iframe.md\":\"9e8da093\",\"advanced_built-in.md\":\"2e0780a4\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"af10fe5b\",\"component_layers.md\":\"c089d00b\",\"start_option.md\":\"08913fb2\"}")
+    <script>__VP_HASH_MAP__ = JSON.parse("{\"en_plugin_ads.md\":\"2af64c73\",\"en_index.md\":\"4bcd5818\",\"library_dash.md\":\"548ff0b2\",\"advanced_class.md\":\"4af05539\",\"en_plugin_dash-quality.md\":\"fc109dde\",\"advanced_built-in.md\":\"cc59829e\",\"index.md\":\"1c8c6bb6\",\"en_plugin_control-ui.md\":\"20f93aee\",\"component_layers.md\":\"c089d00b\",\"en_library_dash.md\":\"1a94a772\",\"en_library_hls.md\":\"3399b13e\",\"library_hls.md\":\"3142dc3f\",\"component_controls.md\":\"fea1c7e9\",\"en_advanced_class.md\":\"66381877\",\"advanced_global.md\":\"cf94e284\",\"component_setting.md\":\"1bc1860b\",\"en_library_flv.md\":\"3eb5ed90\",\"en_plugin_hls-quality.md\":\"29073479\",\"plugin_iframe.md\":\"694891af\",\"en_component_contextmenu.md\":\"dbd69c21\",\"en_advanced_built-in.md\":\"4a199548\",\"plugin_control-ui.md\":\"d2e75882\",\"plugin_hls-quality.md\":\"6598e03e\",\"plugin_dash-quality.md\":\"a1f47340\",\"en_plugin_iframe.md\":\"46ba31d6\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_property.md\":\"779fe490\",\"en_component_layers.md\":\"4dc5e66c\",\"plugin_danmuku.md\":\"beba9d3d\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0c9b0374\",\"start_option.md\":\"cfe39ba5\",\"en_advanced_global.md\":\"8d7d71f1\",\"en_advanced_event.md\":\"eb727357\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"059aa136\",\"advanced_property.md\":\"32e0ebc0\",\"advanced_event.md\":\"95edbd6b\"}")
 __VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Artplayer.js\",\"description\":\"ArtPlayer.js is a modern and full featured HTML5 video player\",\"base\":\"/document/\",\"head\":[],\"appearance\":\"dark\",\"themeConfig\":{\"siteTitle\":\"Artplayer.js\",\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"中文版\",\"link\":\"/\"},{\"text\":\"English\",\"link\":\"/en/\",\"activeMatch\":\"/en/\"},{\"text\":\"Online Editor\",\"link\":\"https://artplayer.org\"},{\"text\":\"5.0.x\",\"items\":[{\"text\":\"Changelog\",\"link\":\"https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md\"},{\"text\":\"Donation\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#donations\"},{\"text\":\"Q群: 320881312\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#qq-group\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/zhw2590582/ArtPlayer\"}],\"sidebar\":{\"/\":[{\"text\":\"开始\",\"collapsible\":true,\"items\":[{\"text\":\"安装使用\",\"link\":\"/\"},{\"text\":\"基础选项\",\"link\":\"/start/option\"}]},{\"text\":\"组件\",\"collapsible\":true,\"items\":[{\"text\":\"业务层\",\"link\":\"/component/layers\"},{\"text\":\"控制器\",\"link\":\"/component/controls\"},{\"text\":\"右键菜单\",\"link\":\"/component/contextmenu\"},{\"text\":\"设置面板\",\"link\":\"/component/setting\"}]},{\"text\":\"高级\",\"collapsible\":true,\"items\":[{\"text\":\"实例属性\",\"link\":\"/advanced/property\"},{\"text\":\"高级属性\",\"link\":\"/advanced/built-in\"},{\"text\":\"静态属性\",\"link\":\"/advanced/class\"},{\"text\":\"全局属性\",\"link\":\"/advanced/global\"},{\"text\":\"实例事件\",\"link\":\"/advanced/event\"},{\"text\":\"编写插件\",\"link\":\"/advanced/plugin\"}]},{\"text\":\"插件\",\"collapsible\":true,\"items\":[{\"text\":\"弹幕库\",\"link\":\"/plugin/danmuku\"},{\"text\":\"视频广告\",\"link\":\"/plugin/ads\"},{\"text\":\"Iframe 控制\",\"link\":\"/plugin/iframe\"},{\"text\":\"Hls 画质\",\"link\":\"/plugin/hls-quality\"},{\"text\":\"Dash 画质\",\"link\":\"/plugin/dash-quality\"},{\"text\":\"控制器皮肤\",\"link\":\"/plugin/control-ui\"}]},{\"text\":\"第三方库\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/library/dash\"}]}],\"/en/\":[{\"text\":\"Quick start\",\"collapsible\":true,\"items\":[{\"text\":\"Install\",\"link\":\"/en/\"},{\"text\":\"Option\",\"link\":\"/en/start/option\"}]},{\"text\":\"Component\",\"collapsible\":true,\"items\":[{\"text\":\"Layers\",\"link\":\"/en/component/layers\"},{\"text\":\"Controls\",\"link\":\"/en/component/controls\"},{\"text\":\"Contextmenu\",\"link\":\"/en/component/contextmenu\"},{\"text\":\"Setting\",\"link\":\"/en/component/setting\"}]},{\"text\":\"Advanced\",\"collapsible\":true,\"items\":[{\"text\":\"Instance Property\",\"link\":\"/en/advanced/property\"},{\"text\":\"Advanced Property\",\"link\":\"/en/advanced/built-in\"},{\"text\":\"Static Property\",\"link\":\"/en/advanced/class\"},{\"text\":\"Global Property\",\"link\":\"/en/advanced/global\"},{\"text\":\"Instance Event\",\"link\":\"/en/advanced/event\"},{\"text\":\"Writing Plugin\",\"link\":\"/en/advanced/plugin\"}]},{\"text\":\"Plugins\",\"collapsible\":true,\"items\":[{\"text\":\"Video Ads\",\"link\":\"/en/plugin/ads\"},{\"text\":\"Iframe Control\",\"link\":\"/en/plugin/iframe\"},{\"text\":\"Hls Quality\",\"link\":\"/en/plugin/hls-quality\"},{\"text\":\"Dash Quality\",\"link\":\"/en/plugin/dash-quality\"},{\"text\":\"Control UI\",\"link\":\"/en/plugin/control-ui\"}]},{\"text\":\"Libraries\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/en/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/en/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/en/library/dash\"}]}]},\"editLink\":{\"pattern\":\"https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/:path\",\"text\":\"Edit this page on GitHub\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
     
   </body>

docs/document/en/plugin/dash-quality.html

@@ -6,19 +6,19 @@
     <title>Dash 画质 | Artplayer.js</title>
     <meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player">
     <link rel="preload stylesheet" href="/document/assets/style.3d04a11d.css" as="style">
-    <script type="module" src="/document/assets/app.7d545639.js"></script>
+    <script type="module" src="/document/assets/app.c33a906f.js"></script>
     <link rel="preload" href="/document/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
   <link rel="modulepreload" href="/document/assets/chunks/framework.48115c03.js">
-  <link rel="modulepreload" href="/document/assets/chunks/theme.7576ef7a.js">
-  <link rel="modulepreload" href="/document/assets/en_plugin_dash-quality.md.e282d033.lean.js">
+  <link rel="modulepreload" href="/document/assets/chunks/theme.db6f7e65.js">
+  <link rel="modulepreload" href="/document/assets/en_plugin_dash-quality.md.fc109dde.lean.js">
   <script src="/document/main.js"></script>
   <link rel="stylesheet" href="/document/style.css">
   <link rel="shortcut icon" href="/document/favicon.ico">
   <script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"dark",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-bd8710d4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-994b33bc></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-994b33bc> Skip to content </a><!--]--><!----><header class="VPNav" data-v-bd8710d4 data-v-b1949460><div class="VPNavBar has-sidebar" data-v-b1949460 data-v-82c325fa><div class="container" data-v-82c325fa><div class="title" data-v-82c325fa><div class="VPNavBarTitle has-sidebar" data-v-82c325fa data-v-bd15f18e><a class="title" href="/document/" data-v-bd15f18e><!--[--><!--]--><!--[--><img class="VPImage logo" src="/document/logo.png" alt data-v-74766fef><!--]--><!--[-->Artplayer.js<!--]--><!--[--><!--]--></a></div></div><div class="content" data-v-82c325fa><div class="curtain" data-v-82c325fa></div><div class="content-body" data-v-82c325fa><!--[--><!--]--><div class="VPNavBarSearch search" data-v-82c325fa><!----><div id="docsearch"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><span class="DocSearch-Button-Key">Meta</span><span class="DocSearch-Button-Key">K</span></span></button></div></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-82c325fa data-v-c6c3e6d4><span id="main-nav-aria-label" class="visually-hidden" data-v-c6c3e6d4>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/document/" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->中文版<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/document/en/" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->English<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="https://artplayer.org" target="_blank" rel="noreferrer" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->Online Editor<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-c6c3e6d4 data-v-64c29883><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-64c29883><span class="text" data-v-64c29883><!----> 5.0.x <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="text-icon" data-v-64c29883><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="menu" data-v-64c29883><div class="VPMenu" data-v-64c29883 data-v-7bffa9cd><div class="items" data-v-7bffa9cd><!--[--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Changelog<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer#donations" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Donation<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer#qq-group" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Q群: 320881312<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]-Line truncated
-    <script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"4af05539\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_class.md\":\"66381877\",\"en_component_layers.md\":\"4dc5e66c\",\"component_setting.md\":\"1bc1860b\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_contextmenu.md\":\"dbd69c21\",\"component_controls.md\":\"fea1c7e9\",\"en_plugin_hls-quality.md\":\"d5e1f2f9\",\"en_library_hls.md\":\"3399b13e\",\"en_plugin_dash-quality.md\":\"e282d033\",\"en_plugin_ads.md\":\"20814d70\",\"en_advanced_global.md\":\"8d7d71f1\",\"advanced_global.md\":\"cf94e284\",\"en_library_dash.md\":\"1a94a772\",\"plugin_hls-quality.md\":\"37c40d33\",\"en_advanced_event.md\":\"eb727357\",\"en_plugin_control-ui.md\":\"47bbaae8\",\"library_dash.md\":\"548ff0b2\",\"index.md\":\"6e33e2c8\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0e8ce28d\",\"plugin_control-ui.md\":\"c659ca75\",\"en_library_flv.md\":\"3eb5ed90\",\"en_advanced_property.md\":\"779fe490\",\"plugin_dash-quality.md\":\"a81bd03a\",\"library_hls.md\":\"3142dc3f\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_property.md\":\"32e0ebc0\",\"plugin_danmuku.md\":\"8f352f8c\",\"advanced_event.md\":\"95edbd6b\",\"en_index.md\":\"fa12ecae\",\"en_advanced_built-in.md\":\"852cc7ad\",\"plugin_iframe.md\":\"72fa105c\",\"en_plugin_iframe.md\":\"9e8da093\",\"advanced_built-in.md\":\"2e0780a4\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"af10fe5b\",\"component_layers.md\":\"c089d00b\",\"start_option.md\":\"08913fb2\"}")
+    <div id="app"><div class="Layout" data-v-bd8710d4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-994b33bc></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-994b33bc> Skip to content </a><!--]--><!----><header class="VPNav" data-v-bd8710d4 data-v-b1949460><div class="VPNavBar has-sidebar" data-v-b1949460 data-v-82c325fa><div class="container" data-v-82c325fa><div class="title" data-v-82c325fa><div class="VPNavBarTitle has-sidebar" data-v-82c325fa data-v-bd15f18e><a class="title" href="/document/" data-v-bd15f18e><!--[--><!--]--><!--[--><img class="VPImage logo" src="/document/logo.png" alt data-v-74766fef><!--]--><!--[-->Artplayer.js<!--]--><!--[--><!--]--></a></div></div><div class="content" data-v-82c325fa><div class="curtain" data-v-82c325fa></div><div class="content-body" data-v-82c325fa><!--[--><!--]--><div class="VPNavBarSearch search" data-v-82c325fa><!----><div id="docsearch"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><span class="DocSearch-Button-Key">Meta</span><span class="DocSearch-Button-Key">K</span></span></button></div></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-82c325fa data-v-c6c3e6d4><span id="main-nav-aria-label" class="visually-hidden" data-v-c6c3e6d4>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/document/" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->中文版<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/document/en/" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->English<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="https://artplayer.org" target="_blank" rel="noreferrer" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->Online Editor<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-c6c3e6d4 data-v-64c29883><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-64c29883><span class="text" data-v-64c29883><!----> 5.0.x <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="text-icon" data-v-64c29883><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="menu" data-v-64c29883><div class="VPMenu" data-v-64c29883 data-v-7bffa9cd><div class="items" data-v-7bffa9cd><!--[--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Changelog<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer#donations" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Donation<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer#qq-group" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Q群: 320881312<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]-Line truncated
+    <script>__VP_HASH_MAP__ = JSON.parse("{\"en_plugin_ads.md\":\"2af64c73\",\"en_index.md\":\"4bcd5818\",\"library_dash.md\":\"548ff0b2\",\"advanced_class.md\":\"4af05539\",\"en_plugin_dash-quality.md\":\"fc109dde\",\"advanced_built-in.md\":\"cc59829e\",\"index.md\":\"1c8c6bb6\",\"en_plugin_control-ui.md\":\"20f93aee\",\"component_layers.md\":\"c089d00b\",\"en_library_dash.md\":\"1a94a772\",\"en_library_hls.md\":\"3399b13e\",\"library_hls.md\":\"3142dc3f\",\"component_controls.md\":\"fea1c7e9\",\"en_advanced_class.md\":\"66381877\",\"advanced_global.md\":\"cf94e284\",\"component_setting.md\":\"1bc1860b\",\"en_library_flv.md\":\"3eb5ed90\",\"en_plugin_hls-quality.md\":\"29073479\",\"plugin_iframe.md\":\"694891af\",\"en_component_contextmenu.md\":\"dbd69c21\",\"en_advanced_built-in.md\":\"4a199548\",\"plugin_control-ui.md\":\"d2e75882\",\"plugin_hls-quality.md\":\"6598e03e\",\"plugin_dash-quality.md\":\"a1f47340\",\"en_plugin_iframe.md\":\"46ba31d6\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_property.md\":\"779fe490\",\"en_component_layers.md\":\"4dc5e66c\",\"plugin_danmuku.md\":\"beba9d3d\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0c9b0374\",\"start_option.md\":\"cfe39ba5\",\"en_advanced_global.md\":\"8d7d71f1\",\"en_advanced_event.md\":\"eb727357\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"059aa136\",\"advanced_property.md\":\"32e0ebc0\",\"advanced_event.md\":\"95edbd6b\"}")
 __VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Artplayer.js\",\"description\":\"ArtPlayer.js is a modern and full featured HTML5 video player\",\"base\":\"/document/\",\"head\":[],\"appearance\":\"dark\",\"themeConfig\":{\"siteTitle\":\"Artplayer.js\",\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"中文版\",\"link\":\"/\"},{\"text\":\"English\",\"link\":\"/en/\",\"activeMatch\":\"/en/\"},{\"text\":\"Online Editor\",\"link\":\"https://artplayer.org\"},{\"text\":\"5.0.x\",\"items\":[{\"text\":\"Changelog\",\"link\":\"https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md\"},{\"text\":\"Donation\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#donations\"},{\"text\":\"Q群: 320881312\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#qq-group\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/zhw2590582/ArtPlayer\"}],\"sidebar\":{\"/\":[{\"text\":\"开始\",\"collapsible\":true,\"items\":[{\"text\":\"安装使用\",\"link\":\"/\"},{\"text\":\"基础选项\",\"link\":\"/start/option\"}]},{\"text\":\"组件\",\"collapsible\":true,\"items\":[{\"text\":\"业务层\",\"link\":\"/component/layers\"},{\"text\":\"控制器\",\"link\":\"/component/controls\"},{\"text\":\"右键菜单\",\"link\":\"/component/contextmenu\"},{\"text\":\"设置面板\",\"link\":\"/component/setting\"}]},{\"text\":\"高级\",\"collapsible\":true,\"items\":[{\"text\":\"实例属性\",\"link\":\"/advanced/property\"},{\"text\":\"高级属性\",\"link\":\"/advanced/built-in\"},{\"text\":\"静态属性\",\"link\":\"/advanced/class\"},{\"text\":\"全局属性\",\"link\":\"/advanced/global\"},{\"text\":\"实例事件\",\"link\":\"/advanced/event\"},{\"text\":\"编写插件\",\"link\":\"/advanced/plugin\"}]},{\"text\":\"插件\",\"collapsible\":true,\"items\":[{\"text\":\"弹幕库\",\"link\":\"/plugin/danmuku\"},{\"text\":\"视频广告\",\"link\":\"/plugin/ads\"},{\"text\":\"Iframe 控制\",\"link\":\"/plugin/iframe\"},{\"text\":\"Hls 画质\",\"link\":\"/plugin/hls-quality\"},{\"text\":\"Dash 画质\",\"link\":\"/plugin/dash-quality\"},{\"text\":\"控制器皮肤\",\"link\":\"/plugin/control-ui\"}]},{\"text\":\"第三方库\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/library/dash\"}]}],\"/en/\":[{\"text\":\"Quick start\",\"collapsible\":true,\"items\":[{\"text\":\"Install\",\"link\":\"/en/\"},{\"text\":\"Option\",\"link\":\"/en/start/option\"}]},{\"text\":\"Component\",\"collapsible\":true,\"items\":[{\"text\":\"Layers\",\"link\":\"/en/component/layers\"},{\"text\":\"Controls\",\"link\":\"/en/component/controls\"},{\"text\":\"Contextmenu\",\"link\":\"/en/component/contextmenu\"},{\"text\":\"Setting\",\"link\":\"/en/component/setting\"}]},{\"text\":\"Advanced\",\"collapsible\":true,\"items\":[{\"text\":\"Instance Property\",\"link\":\"/en/advanced/property\"},{\"text\":\"Advanced Property\",\"link\":\"/en/advanced/built-in\"},{\"text\":\"Static Property\",\"link\":\"/en/advanced/class\"},{\"text\":\"Global Property\",\"link\":\"/en/advanced/global\"},{\"text\":\"Instance Event\",\"link\":\"/en/advanced/event\"},{\"text\":\"Writing Plugin\",\"link\":\"/en/advanced/plugin\"}]},{\"text\":\"Plugins\",\"collapsible\":true,\"items\":[{\"text\":\"Video Ads\",\"link\":\"/en/plugin/ads\"},{\"text\":\"Iframe Control\",\"link\":\"/en/plugin/iframe\"},{\"text\":\"Hls Quality\",\"link\":\"/en/plugin/hls-quality\"},{\"text\":\"Dash Quality\",\"link\":\"/en/plugin/dash-quality\"},{\"text\":\"Control UI\",\"link\":\"/en/plugin/control-ui\"}]},{\"text\":\"Libraries\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/en/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/en/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/en/library/dash\"}]}]},\"editLink\":{\"pattern\":\"https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/:path\",\"text\":\"Edit this page on GitHub\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
     
   </body>

docs/document/en/plugin/hls-quality.html

@@ -6,19 +6,19 @@
     <title>HLS 画质 | Artplayer.js</title>
     <meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player">
     <link rel="preload stylesheet" href="/document/assets/style.3d04a11d.css" as="style">
-    <script type="module" src="/document/assets/app.7d545639.js"></script>
+    <script type="module" src="/document/assets/app.c33a906f.js"></script>
     <link rel="preload" href="/document/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
   <link rel="modulepreload" href="/document/assets/chunks/framework.48115c03.js">
-  <link rel="modulepreload" href="/document/assets/chunks/theme.7576ef7a.js">
-  <link rel="modulepreload" href="/document/assets/en_plugin_hls-quality.md.d5e1f2f9.lean.js">
+  <link rel="modulepreload" href="/document/assets/chunks/theme.db6f7e65.js">
+  <link rel="modulepreload" href="/document/assets/en_plugin_hls-quality.md.29073479.lean.js">
   <script src="/document/main.js"></script>
   <link rel="stylesheet" href="/document/style.css">
   <link rel="shortcut icon" href="/document/favicon.ico">
   <script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"dark",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-bd8710d4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-994b33bc></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-994b33bc> Skip to content </a><!--]--><!----><header class="VPNav" data-v-bd8710d4 data-v-b1949460><div class="VPNavBar has-sidebar" data-v-b1949460 data-v-82c325fa><div class="container" data-v-82c325fa><div class="title" data-v-82c325fa><div class="VPNavBarTitle has-sidebar" data-v-82c325fa data-v-bd15f18e><a class="title" href="/document/" data-v-bd15f18e><!--[--><!--]--><!--[--><img class="VPImage logo" src="/document/logo.png" alt data-v-74766fef><!--]--><!--[-->Artplayer.js<!--]--><!--[--><!--]--></a></div></div><div class="content" data-v-82c325fa><div class="curtain" data-v-82c325fa></div><div class="content-body" data-v-82c325fa><!--[--><!--]--><div class="VPNavBarSearch search" data-v-82c325fa><!----><div id="docsearch"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><span class="DocSearch-Button-Key">Meta</span><span class="DocSearch-Button-Key">K</span></span></button></div></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-82c325fa data-v-c6c3e6d4><span id="main-nav-aria-label" class="visually-hidden" data-v-c6c3e6d4>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/document/" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->中文版<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/document/en/" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->English<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="https://artplayer.org" target="_blank" rel="noreferrer" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->Online Editor<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-c6c3e6d4 data-v-64c29883><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-64c29883><span class="text" data-v-64c29883><!----> 5.0.x <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="text-icon" data-v-64c29883><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="menu" data-v-64c29883><div class="VPMenu" data-v-64c29883 data-v-7bffa9cd><div class="items" data-v-7bffa9cd><!--[--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Changelog<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer#donations" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Donation<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer#qq-group" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Q群: 320881312<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]-Line truncated
-    <script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"4af05539\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_class.md\":\"66381877\",\"en_component_layers.md\":\"4dc5e66c\",\"component_setting.md\":\"1bc1860b\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_contextmenu.md\":\"dbd69c21\",\"component_controls.md\":\"fea1c7e9\",\"en_plugin_hls-quality.md\":\"d5e1f2f9\",\"en_library_hls.md\":\"3399b13e\",\"en_plugin_dash-quality.md\":\"e282d033\",\"en_plugin_ads.md\":\"20814d70\",\"en_advanced_global.md\":\"8d7d71f1\",\"advanced_global.md\":\"cf94e284\",\"en_library_dash.md\":\"1a94a772\",\"plugin_hls-quality.md\":\"37c40d33\",\"en_advanced_event.md\":\"eb727357\",\"en_plugin_control-ui.md\":\"47bbaae8\",\"library_dash.md\":\"548ff0b2\",\"index.md\":\"6e33e2c8\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0e8ce28d\",\"plugin_control-ui.md\":\"c659ca75\",\"en_library_flv.md\":\"3eb5ed90\",\"en_advanced_property.md\":\"779fe490\",\"plugin_dash-quality.md\":\"a81bd03a\",\"library_hls.md\":\"3142dc3f\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_property.md\":\"32e0ebc0\",\"plugin_danmuku.md\":\"8f352f8c\",\"advanced_event.md\":\"95edbd6b\",\"en_index.md\":\"fa12ecae\",\"en_advanced_built-in.md\":\"852cc7ad\",\"plugin_iframe.md\":\"72fa105c\",\"en_plugin_iframe.md\":\"9e8da093\",\"advanced_built-in.md\":\"2e0780a4\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"af10fe5b\",\"component_layers.md\":\"c089d00b\",\"start_option.md\":\"08913fb2\"}")
+    <div id="app"><div class="Layout" data-v-bd8710d4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-994b33bc></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-994b33bc> Skip to content </a><!--]--><!----><header class="VPNav" data-v-bd8710d4 data-v-b1949460><div class="VPNavBar has-sidebar" data-v-b1949460 data-v-82c325fa><div class="container" data-v-82c325fa><div class="title" data-v-82c325fa><div class="VPNavBarTitle has-sidebar" data-v-82c325fa data-v-bd15f18e><a class="title" href="/document/" data-v-bd15f18e><!--[--><!--]--><!--[--><img class="VPImage logo" src="/document/logo.png" alt data-v-74766fef><!--]--><!--[-->Artplayer.js<!--]--><!--[--><!--]--></a></div></div><div class="content" data-v-82c325fa><div class="curtain" data-v-82c325fa></div><div class="content-body" data-v-82c325fa><!--[--><!--]--><div class="VPNavBarSearch search" data-v-82c325fa><!----><div id="docsearch"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><span class="DocSearch-Button-Key">Meta</span><span class="DocSearch-Button-Key">K</span></span></button></div></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-82c325fa data-v-c6c3e6d4><span id="main-nav-aria-label" class="visually-hidden" data-v-c6c3e6d4>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/document/" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->中文版<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/document/en/" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->English<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="https://artplayer.org" target="_blank" rel="noreferrer" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->Online Editor<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-c6c3e6d4 data-v-64c29883><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-64c29883><span class="text" data-v-64c29883><!----> 5.0.x <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="text-icon" data-v-64c29883><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="menu" data-v-64c29883><div class="VPMenu" data-v-64c29883 data-v-7bffa9cd><div class="items" data-v-7bffa9cd><!--[--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Changelog<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer#donations" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Donation<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer#qq-group" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Q群: 320881312<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]-Line truncated
+    <script>__VP_HASH_MAP__ = JSON.parse("{\"en_plugin_ads.md\":\"2af64c73\",\"en_index.md\":\"4bcd5818\",\"library_dash.md\":\"548ff0b2\",\"advanced_class.md\":\"4af05539\",\"en_plugin_dash-quality.md\":\"fc109dde\",\"advanced_built-in.md\":\"cc59829e\",\"index.md\":\"1c8c6bb6\",\"en_plugin_control-ui.md\":\"20f93aee\",\"component_layers.md\":\"c089d00b\",\"en_library_dash.md\":\"1a94a772\",\"en_library_hls.md\":\"3399b13e\",\"library_hls.md\":\"3142dc3f\",\"component_controls.md\":\"fea1c7e9\",\"en_advanced_class.md\":\"66381877\",\"advanced_global.md\":\"cf94e284\",\"component_setting.md\":\"1bc1860b\",\"en_library_flv.md\":\"3eb5ed90\",\"en_plugin_hls-quality.md\":\"29073479\",\"plugin_iframe.md\":\"694891af\",\"en_component_contextmenu.md\":\"dbd69c21\",\"en_advanced_built-in.md\":\"4a199548\",\"plugin_control-ui.md\":\"d2e75882\",\"plugin_hls-quality.md\":\"6598e03e\",\"plugin_dash-quality.md\":\"a1f47340\",\"en_plugin_iframe.md\":\"46ba31d6\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_property.md\":\"779fe490\",\"en_component_layers.md\":\"4dc5e66c\",\"plugin_danmuku.md\":\"beba9d3d\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0c9b0374\",\"start_option.md\":\"cfe39ba5\",\"en_advanced_global.md\":\"8d7d71f1\",\"en_advanced_event.md\":\"eb727357\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"059aa136\",\"advanced_property.md\":\"32e0ebc0\",\"advanced_event.md\":\"95edbd6b\"}")
 __VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Artplayer.js\",\"description\":\"ArtPlayer.js is a modern and full featured HTML5 video player\",\"base\":\"/document/\",\"head\":[],\"appearance\":\"dark\",\"themeConfig\":{\"siteTitle\":\"Artplayer.js\",\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"中文版\",\"link\":\"/\"},{\"text\":\"English\",\"link\":\"/en/\",\"activeMatch\":\"/en/\"},{\"text\":\"Online Editor\",\"link\":\"https://artplayer.org\"},{\"text\":\"5.0.x\",\"items\":[{\"text\":\"Changelog\",\"link\":\"https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md\"},{\"text\":\"Donation\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#donations\"},{\"text\":\"Q群: 320881312\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#qq-group\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/zhw2590582/ArtPlayer\"}],\"sidebar\":{\"/\":[{\"text\":\"开始\",\"collapsible\":true,\"items\":[{\"text\":\"安装使用\",\"link\":\"/\"},{\"text\":\"基础选项\",\"link\":\"/start/option\"}]},{\"text\":\"组件\",\"collapsible\":true,\"items\":[{\"text\":\"业务层\",\"link\":\"/component/layers\"},{\"text\":\"控制器\",\"link\":\"/component/controls\"},{\"text\":\"右键菜单\",\"link\":\"/component/contextmenu\"},{\"text\":\"设置面板\",\"link\":\"/component/setting\"}]},{\"text\":\"高级\",\"collapsible\":true,\"items\":[{\"text\":\"实例属性\",\"link\":\"/advanced/property\"},{\"text\":\"高级属性\",\"link\":\"/advanced/built-in\"},{\"text\":\"静态属性\",\"link\":\"/advanced/class\"},{\"text\":\"全局属性\",\"link\":\"/advanced/global\"},{\"text\":\"实例事件\",\"link\":\"/advanced/event\"},{\"text\":\"编写插件\",\"link\":\"/advanced/plugin\"}]},{\"text\":\"插件\",\"collapsible\":true,\"items\":[{\"text\":\"弹幕库\",\"link\":\"/plugin/danmuku\"},{\"text\":\"视频广告\",\"link\":\"/plugin/ads\"},{\"text\":\"Iframe 控制\",\"link\":\"/plugin/iframe\"},{\"text\":\"Hls 画质\",\"link\":\"/plugin/hls-quality\"},{\"text\":\"Dash 画质\",\"link\":\"/plugin/dash-quality\"},{\"text\":\"控制器皮肤\",\"link\":\"/plugin/control-ui\"}]},{\"text\":\"第三方库\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/library/dash\"}]}],\"/en/\":[{\"text\":\"Quick start\",\"collapsible\":true,\"items\":[{\"text\":\"Install\",\"link\":\"/en/\"},{\"text\":\"Option\",\"link\":\"/en/start/option\"}]},{\"text\":\"Component\",\"collapsible\":true,\"items\":[{\"text\":\"Layers\",\"link\":\"/en/component/layers\"},{\"text\":\"Controls\",\"link\":\"/en/component/controls\"},{\"text\":\"Contextmenu\",\"link\":\"/en/component/contextmenu\"},{\"text\":\"Setting\",\"link\":\"/en/component/setting\"}]},{\"text\":\"Advanced\",\"collapsible\":true,\"items\":[{\"text\":\"Instance Property\",\"link\":\"/en/advanced/property\"},{\"text\":\"Advanced Property\",\"link\":\"/en/advanced/built-in\"},{\"text\":\"Static Property\",\"link\":\"/en/advanced/class\"},{\"text\":\"Global Property\",\"link\":\"/en/advanced/global\"},{\"text\":\"Instance Event\",\"link\":\"/en/advanced/event\"},{\"text\":\"Writing Plugin\",\"link\":\"/en/advanced/plugin\"}]},{\"text\":\"Plugins\",\"collapsible\":true,\"items\":[{\"text\":\"Video Ads\",\"link\":\"/en/plugin/ads\"},{\"text\":\"Iframe Control\",\"link\":\"/en/plugin/iframe\"},{\"text\":\"Hls Quality\",\"link\":\"/en/plugin/hls-quality\"},{\"text\":\"Dash Quality\",\"link\":\"/en/plugin/dash-quality\"},{\"text\":\"Control UI\",\"link\":\"/en/plugin/control-ui\"}]},{\"text\":\"Libraries\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/en/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/en/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/en/library/dash\"}]}]},\"editLink\":{\"pattern\":\"https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/:path\",\"text\":\"Edit this page on GitHub\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
     
   </body>

docs/document/en/plugin/iframe.html

@@ -6,18 +6,18 @@
     <title>Iframe 控制 | Artplayer.js</title>
     <meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player">
     <link rel="preload stylesheet" href="/document/assets/style.3d04a11d.css" as="style">
-    <script type="module" src="/document/assets/app.7d545639.js"></script>
+    <script type="module" src="/document/assets/app.c33a906f.js"></script>
     <link rel="preload" href="/document/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
   <link rel="modulepreload" href="/document/assets/chunks/framework.48115c03.js">
-  <link rel="modulepreload" href="/document/assets/chunks/theme.7576ef7a.js">
-  <link rel="modulepreload" href="/document/assets/en_plugin_iframe.md.9e8da093.lean.js">
+  <link rel="modulepreload" href="/document/assets/chunks/theme.db6f7e65.js">
+  <link rel="modulepreload" href="/document/assets/en_plugin_iframe.md.46ba31d6.lean.js">
   <script src="/document/main.js"></script>
   <link rel="stylesheet" href="/document/style.css">
   <link rel="shortcut icon" href="/document/favicon.ico">
   <script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"dark",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-bd8710d4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-994b33bc></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-994b33bc> Skip to content </a><!--]--><!----><header class="VPNav" data-v-bd8710d4 data-v-b1949460><div class="VPNavBar has-sidebar" data-v-b1949460 data-v-82c325fa><div class="container" data-v-82c325fa><div class="title" data-v-82c325fa><div class="VPNavBarTitle has-sidebar" data-v-82c325fa data-v-bd15f18e><a class="title" href="/document/" data-v-bd15f18e><!--[--><!--]--><!--[--><img class="VPImage logo" src="/document/logo.png" alt data-v-74766fef><!--]--><!--[-->Artplayer.js<!--]--><!--[--><!--]--></a></div></div><div class="content" data-v-82c325fa><div class="curtain" data-v-82c325fa></div><div class="content-body" data-v-82c325fa><!--[--><!--]--><div class="VPNavBarSearch search" data-v-82c325fa><!----><div id="docsearch"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><span class="DocSearch-Button-Key">Meta</span><span class="DocSearch-Button-Key">K</span></span></button></div></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-82c325fa data-v-c6c3e6d4><span id="main-nav-aria-label" class="visually-hidden" data-v-c6c3e6d4>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/document/" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->中文版<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/document/en/" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->English<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="https://artplayer.org" target="_blank" rel="noreferrer" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->Online Editor<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-c6c3e6d4 data-v-64c29883><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-64c29883><span class="text" data-v-64c29883><!----> 5.0.x <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="text-icon" data-v-64c29883><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="menu" data-v-64c29883><div class="VPMenu" data-v-64c29883 data-v-7bffa9cd><div class="items" data-v-7bffa9cd><!--[--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Changelog<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer#donations" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Donation<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer#qq-group" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Q群: 320881312<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]-Line truncated
+    <div id="app"><div class="Layout" data-v-bd8710d4><!--[--><!--]--><!--[--><span tabindex="-1" data-v-994b33bc></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-994b33bc> Skip to content </a><!--]--><!----><header class="VPNav" data-v-bd8710d4 data-v-b1949460><div class="VPNavBar has-sidebar" data-v-b1949460 data-v-82c325fa><div class="container" data-v-82c325fa><div class="title" data-v-82c325fa><div class="VPNavBarTitle has-sidebar" data-v-82c325fa data-v-bd15f18e><a class="title" href="/document/" data-v-bd15f18e><!--[--><!--]--><!--[--><img class="VPImage logo" src="/document/logo.png" alt data-v-74766fef><!--]--><!--[-->Artplayer.js<!--]--><!--[--><!--]--></a></div></div><div class="content" data-v-82c325fa><div class="curtain" data-v-82c325fa></div><div class="content-body" data-v-82c325fa><!--[--><!--]--><div class="VPNavBarSearch search" data-v-82c325fa><!----><div id="docsearch"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><span class="DocSearch-Button-Key">Meta</span><span class="DocSearch-Button-Key">K</span></span></button></div></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-82c325fa data-v-c6c3e6d4><span id="main-nav-aria-label" class="visually-hidden" data-v-c6c3e6d4>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/document/" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->中文版<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/document/en/" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->English<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="https://artplayer.org" target="_blank" rel="noreferrer" tabindex="0" data-v-c6c3e6d4 data-v-6dd6d312 data-v-87683ad2><!--[-->Online Editor<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-c6c3e6d4 data-v-64c29883><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-64c29883><span class="text" data-v-64c29883><!----> 5.0.x <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="text-icon" data-v-64c29883><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="menu" data-v-64c29883><div class="VPMenu" data-v-64c29883 data-v-7bffa9cd><div class="items" data-v-7bffa9cd><!--[--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Changelog<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer#donations" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Donation<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-7bffa9cd data-v-b9520bf2><a class="VPLink link" href="https://github.com/zhw2590582/ArtPlayer#qq-group" target="_blank" rel="noreferrer" data-v-b9520bf2 data-v-87683ad2><!--[-->Q群: 320881312<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-87683ad2><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]-Line truncated
 <span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">html</span><span style="color:#89DDFF;">&gt;</span></span>
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">head</span><span style="color:#89DDFF;">&gt;</span></span>
 <span class="line"><span style="color:#A6ACCD;">        </span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">title</span><span style="color:#89DDFF;">&gt;</span><span style="color:#A6ACCD;">ArtPlayer</span><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">title</span><span style="color:#89DDFF;">&gt;</span></span>
@@ -102,7 +102,7 @@
 <span class="line"><span style="color:#F07178;">        type</span><span style="color:#89DDFF;">:</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">currentTime</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
 <span class="line"><span style="color:#F07178;">        data</span><span style="color:#89DDFF;">:</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">art</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">currentTime</span><span style="color:#89DDFF;">,</span></span>
 <span class="line"><span style="color:#F07178;">    </span><span style="color:#89DDFF;">}</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
-<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br></div></div><h2 id="例子" tabindex="-1">例子 <a class="header-anchor" href="#例子" aria-label="Permalink to &quot;例子&quot;">​</a></h2><p>最常遇到的问题是，播放器在 <code>iframe.html</code> 里进行网页全屏，但在 <code>index.html</code> 是不生效的，这时候只要监听 <code>iframe.html</code> 里的 <code>fullscreenWeb</code> 事件并通知到 <code>index.html</code> 即可</p><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-a_42v" id="tab-nonyNXQ" checked="checked"><label for="tab-nonyNXQ">index.html</label><input type="radio" name="group-a_42v" id="tab-btDykNE"><label for="tab-btDykNE">iframe.html</label></div><div class="blocks"><div class="language-html active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;">&lt;!</span><span style="color:#F07178;">DOCTYPE</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">html</span><span style="color:#89DDFF;">&gt;</span></span>
+<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br></div></div><h2 id="例子" tabindex="-1">例子 <a class="header-anchor" href="#例子" aria-label="Permalink to &quot;例子&quot;">​</a></h2><p>最常遇到的问题是，播放器在 <code>iframe.html</code> 里进行网页全屏，但在 <code>index.html</code> 是不生效的，这时候只要监听 <code>iframe.html</code> 里的 <code>fullscreenWeb</code> 事件并通知到 <code>index.html</code> 即可</p><div class="vp-code-group"><div class="tabs"><input type="radio" name="group-sqxXH" id="tab-n-OKuL3" checked="checked"><label for="tab-n-OKuL3">index.html</label><input type="radio" name="group-sqxXH" id="tab-S6TdJ7i"><label for="tab-S6TdJ7i">iframe.html</label></div><div class="blocks"><div class="language-html active line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki material-theme-palenight"><code><span class="line"><span style="color:#89DDFF;">&lt;!</span><span style="color:#F07178;">DOCTYPE</span><span style="color:#89DDFF;"> </span><span style="color:#C792EA;">html</span><span style="color:#89DDFF;">&gt;</span></span>
 <span class="line"><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">html</span><span style="color:#89DDFF;">&gt;</span></span>
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">head</span><span style="color:#89DDFF;">&gt;</span></span>
 <span class="line"><span style="color:#A6ACCD;">        </span><span style="color:#89DDFF;">&lt;</span><span style="color:#F07178;">title</span><span style="color:#89DDFF;">&gt;</span><span style="color:#A6ACCD;">ArtPlayer</span><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">title</span><span style="color:#89DDFF;">&gt;</span></span>
@@ -183,7 +183,7 @@
 <span class="line"><span style="color:#A6ACCD;">        </span><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">script</span><span style="color:#89DDFF;">&gt;</span></span>
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">body</span><span style="color:#89DDFF;">&gt;</span></span>
 <span class="line"><span style="color:#89DDFF;">&lt;/</span><span style="color:#F07178;">html</span><span style="color:#89DDFF;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br></div></div></div></div></div></div></main><footer class="VPDocFooter" data-v-5aafa2ac data-v-31cb5067><!--[--><!--]--><div class="edit-info" data-v-31cb5067><div class="edit-link" data-v-31cb5067><a class="VPLink link edit-link-button" href="https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/en/plugin/iframe.md" target="_blank" rel="noreferrer" data-v-31cb5067 data-v-87683ad2><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" aria-label="edit icon" data-v-31cb5067><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-31cb5067><p class="VPLastUpdated" data-v-31cb5067 data-v-f00606ba>Last updated: <time datetime="2023-03-31T14:25:27.000Z" data-v-f00606ba></time></p></div></div><div class="prev-next" data-v-31cb5067><div class="pager" data-v-31cb5067><a class="pager-link prev" href="/document/en/plugin/ads.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Previous page</span><span class="title" data-v-31cb5067>Video Ads</span></a></div><div class="has-prev pager" data-v-31cb5067><a class="pager-link next" href="/document/en/plugin/hls-quality.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Next page</span><span class="title" data-v-31cb5067>Hls Quality</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"4af05539\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_class.md\":\"66381877\",\"en_component_layers.md\":\"4dc5e66c\",\"component_setting.md\":\"1bc1860b\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_contextmenu.md\":\"dbd69c21\",\"component_controls.md\":\"fea1c7e9\",\"en_plugin_hls-quality.md\":\"d5e1f2f9\",\"en_library_hls.md\":\"3399b13e\",\"en_plugin_dash-quality.md\":\"e282d033\",\"en_plugin_ads.md\":\"20814d70\",\"en_advanced_global.md\":\"8d7d71f1\",\"advanced_global.md\":\"cf94e284\",\"en_library_dash.md\":\"1a94a772\",\"plugin_hls-quality.md\":\"37c40d33\",\"en_advanced_event.md\":\"eb727357\",\"en_plugin_control-ui.md\":\"47bbaae8\",\"library_dash.md\":\"548ff0b2\",\"index.md\":\"6e33e2c8\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0e8ce28d\",\"plugin_control-ui.md\":\"c659ca75\",\"en_library_flv.md\":\"3eb5ed90\",\"en_advanced_property.md\":\"779fe490\",\"plugin_dash-quality.md\":\"a81bd03a\",\"library_hls.md\":\"3142dc3f\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_property.md\":\"32e0ebc0\",\"plugin_danmuku.md\":\"8f352f8c\",\"advanced_event.md\":\"95edbd6b\",\"en_index.md\":\"fa12ecae\",\"en_advanced_built-in.md\":\"852cc7ad\",\"plugin_iframe.md\":\"72fa105c\",\"en_plugin_iframe.md\":\"9e8da093\",\"advanced_built-in.md\":\"2e0780a4\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"af10fe5b\",\"component_layers.md\":\"c089d00b\",\"start_option.md\":\"08913fb2\"}")
+    <script>__VP_HASH_MAP__ = JSON.parse("{\"en_plugin_ads.md\":\"2af64c73\",\"en_index.md\":\"4bcd5818\",\"library_dash.md\":\"548ff0b2\",\"advanced_class.md\":\"4af05539\",\"en_plugin_dash-quality.md\":\"fc109dde\",\"advanced_built-in.md\":\"cc59829e\",\"index.md\":\"1c8c6bb6\",\"en_plugin_control-ui.md\":\"20f93aee\",\"component_layers.md\":\"c089d00b\",\"en_library_dash.md\":\"1a94a772\",\"en_library_hls.md\":\"3399b13e\",\"library_hls.md\":\"3142dc3f\",\"component_controls.md\":\"fea1c7e9\",\"en_advanced_class.md\":\"66381877\",\"advanced_global.md\":\"cf94e284\",\"component_setting.md\":\"1bc1860b\",\"en_library_flv.md\":\"3eb5ed90\",\"en_plugin_hls-quality.md\":\"29073479\",\"plugin_iframe.md\":\"694891af\",\"en_component_contextmenu.md\":\"dbd69c21\",\"en_advanced_built-in.md\":\"4a199548\",\"plugin_control-ui.md\":\"d2e75882\",\"plugin_hls-quality.md\":\"6598e03e\",\"plugin_dash-quality.md\":\"a1f47340\",\"en_plugin_iframe.md\":\"46ba31d6\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_property.md\":\"779fe490\",\"en_component_layers.md\":\"4dc5e66c\",\"plugin_danmuku.md\":\"beba9d3d\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0c9b0374\",\"start_option.md\":\"cfe39ba5\",\"en_advanced_global.md\":\"8d7d71f1\",\"en_advanced_event.md\":\"eb727357\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"059aa136\",\"advanced_property.md\":\"32e0ebc0\",\"advanced_event.md\":\"95edbd6b\"}")
 __VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Artplayer.js\",\"description\":\"ArtPlayer.js is a modern and full featured HTML5 video player\",\"base\":\"/document/\",\"head\":[],\"appearance\":\"dark\",\"themeConfig\":{\"siteTitle\":\"Artplayer.js\",\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"中文版\",\"link\":\"/\"},{\"text\":\"English\",\"link\":\"/en/\",\"activeMatch\":\"/en/\"},{\"text\":\"Online Editor\",\"link\":\"https://artplayer.org\"},{\"text\":\"5.0.x\",\"items\":[{\"text\":\"Changelog\",\"link\":\"https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md\"},{\"text\":\"Donation\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#donations\"},{\"text\":\"Q群: 320881312\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#qq-group\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/zhw2590582/ArtPlayer\"}],\"sidebar\":{\"/\":[{\"text\":\"开始\",\"collapsible\":true,\"items\":[{\"text\":\"安装使用\",\"link\":\"/\"},{\"text\":\"基础选项\",\"link\":\"/start/option\"}]},{\"text\":\"组件\",\"collapsible\":true,\"items\":[{\"text\":\"业务层\",\"link\":\"/component/layers\"},{\"text\":\"控制器\",\"link\":\"/component/controls\"},{\"text\":\"右键菜单\",\"link\":\"/component/contextmenu\"},{\"text\":\"设置面板\",\"link\":\"/component/setting\"}]},{\"text\":\"高级\",\"collapsible\":true,\"items\":[{\"text\":\"实例属性\",\"link\":\"/advanced/property\"},{\"text\":\"高级属性\",\"link\":\"/advanced/built-in\"},{\"text\":\"静态属性\",\"link\":\"/advanced/class\"},{\"text\":\"全局属性\",\"link\":\"/advanced/global\"},{\"text\":\"实例事件\",\"link\":\"/advanced/event\"},{\"text\":\"编写插件\",\"link\":\"/advanced/plugin\"}]},{\"text\":\"插件\",\"collapsible\":true,\"items\":[{\"text\":\"弹幕库\",\"link\":\"/plugin/danmuku\"},{\"text\":\"视频广告\",\"link\":\"/plugin/ads\"},{\"text\":\"Iframe 控制\",\"link\":\"/plugin/iframe\"},{\"text\":\"Hls 画质\",\"link\":\"/plugin/hls-quality\"},{\"text\":\"Dash 画质\",\"link\":\"/plugin/dash-quality\"},{\"text\":\"控制器皮肤\",\"link\":\"/plugin/control-ui\"}]},{\"text\":\"第三方库\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/library/dash\"}]}],\"/en/\":[{\"text\":\"Quick start\",\"collapsible\":true,\"items\":[{\"text\":\"Install\",\"link\":\"/en/\"},{\"text\":\"Option\",\"link\":\"/en/start/option\"}]},{\"text\":\"Component\",\"collapsible\":true,\"items\":[{\"text\":\"Layers\",\"link\":\"/en/component/layers\"},{\"text\":\"Controls\",\"link\":\"/en/component/controls\"},{\"text\":\"Contextmenu\",\"link\":\"/en/component/contextmenu\"},{\"text\":\"Setting\",\"link\":\"/en/component/setting\"}]},{\"text\":\"Advanced\",\"collapsible\":true,\"items\":[{\"text\":\"Instance Property\",\"link\":\"/en/advanced/property\"},{\"text\":\"Advanced Property\",\"link\":\"/en/advanced/built-in\"},{\"text\":\"Static Property\",\"link\":\"/en/advanced/class\"},{\"text\":\"Global Property\",\"link\":\"/en/advanced/global\"},{\"text\":\"Instance Event\",\"link\":\"/en/advanced/event\"},{\"text\":\"Writing Plugin\",\"link\":\"/en/advanced/plugin\"}]},{\"text\":\"Plugins\",\"collapsible\":true,\"items\":[{\"text\":\"Video Ads\",\"link\":\"/en/plugin/ads\"},{\"text\":\"Iframe Control\",\"link\":\"/en/plugin/iframe\"},{\"text\":\"Hls Quality\",\"link\":\"/en/plugin/hls-quality\"},{\"text\":\"Dash Quality\",\"link\":\"/en/plugin/dash-quality\"},{\"text\":\"Control UI\",\"link\":\"/en/plugin/control-ui\"}]},{\"text\":\"Libraries\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/en/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/en/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/en/library/dash\"}]}]},\"editLink\":{\"pattern\":\"https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/:path\",\"text\":\"Edit this page on GitHub\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
     
   </body>

docs/document/en/start/option.html

@@ -6,11 +6,11 @@
     <title>Option | Artplayer.js</title>
     <meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player">
     <link rel="preload stylesheet" href="/document/assets/style.3d04a11d.css" as="style">
-    <script type="module" src="/document/assets/app.7d545639.js"></script>
+    <script type="module" src="/document/assets/app.c33a906f.js"></script>
     <link rel="preload" href="/document/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
   <link rel="modulepreload" href="/document/assets/chunks/framework.48115c03.js">
-  <link rel="modulepreload" href="/document/assets/chunks/theme.7576ef7a.js">
-  <link rel="modulepreload" href="/document/assets/en_start_option.md.af10fe5b.lean.js">
+  <link rel="modulepreload" href="/document/assets/chunks/theme.db6f7e65.js">
+  <link rel="modulepreload" href="/document/assets/en_start_option.md.059aa136.lean.js">
   <script src="/document/main.js"></script>
   <link rel="stylesheet" href="/document/style.css">
   <link rel="shortcut icon" href="/document/favicon.ico">
@@ -60,12 +60,7 @@
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">container</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">.artplayer-app</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">url</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">/assets/sample/video.mp4</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
 <span class="line highlighted"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">poster</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">/assets/sample/poster.jpg</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
-<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br></div></div><h2 id="title" tabindex="-1"><code>title</code> <a class="header-anchor" href="#title" aria-label="Permalink to &quot;`title`&quot;">​</a></h2><ul><li>Type: <code>String</code></li><li>Default: <code>&#39;&#39;</code></li></ul><p>Video title, which currently appears in <code>video screenshot</code></p><div className="run-code">▶ Run Code</div><div class="language-js line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight has-highlighted-lines"><code><span class="line"><span style="color:#C792EA;">var</span><span style="color:#A6ACCD;"> art </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">new</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">Artplayer</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">{</span></span>
-<span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">container</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">.artplayer-app</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
-<span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">url</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">/assets/sample/video.mp4</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
-<span class="line highlighted"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">title</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">your-video-title</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
-<span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">screenshot</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#FF9CAC;">true</span><span style="color:#89DDFF;">,</span></span>
-<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br></div></div><h2 id="theme" tabindex="-1"><code>theme</code> <a class="header-anchor" href="#theme" aria-label="Permalink to &quot;`theme`&quot;">​</a></h2><ul><li>Type: <code>String</code></li><li>Default: <code>#f00</code></li></ul><p>The player theme color is currently used on the <code>progress bar</code> and <code>highlighted element</code></p><div className="run-code">▶ Run Code</div><div class="language-js line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight has-highlighted-lines"><code><span class="line"><span style="color:#C792EA;">var</span><span style="color:#A6ACCD;"> art </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">new</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">Artplayer</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">{</span></span>
+<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br></div></div><h2 id="theme" tabindex="-1"><code>theme</code> <a class="header-anchor" href="#theme" aria-label="Permalink to &quot;`theme`&quot;">​</a></h2><ul><li>Type: <code>String</code></li><li>Default: <code>#f00</code></li></ul><p>The player theme color is currently used on the <code>progress bar</code> and <code>highlighted element</code></p><div className="run-code">▶ Run Code</div><div class="language-js line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight has-highlighted-lines"><code><span class="line"><span style="color:#C792EA;">var</span><span style="color:#A6ACCD;"> art </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">new</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">Artplayer</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">{</span></span>
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">container</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">.artplayer-app</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">url</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">/assets/sample/video.mp4</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
 <span class="line highlighted"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">theme</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">#ffad00</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
@@ -303,13 +298,7 @@
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">container</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">.artplayer-app</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">url</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">/assets/sample/video.mp4</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
 <span class="line highlighted"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">plugins</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> [myPlugin]</span><span style="color:#89DDFF;">,</span></span>
-<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br></div></div><h2 id="whitelist" tabindex="-1"><code>whitelist</code> <a class="header-anchor" href="#whitelist" aria-label="Permalink to &quot;`whitelist`&quot;">​</a></h2><ul><li>Type: <code>Array</code></li><li>Default: <code>[]</code></li></ul><p>Because different mobile devices have many differences and limitations, sometimes you want to use native functions directly instead of using this player on some mobile devices, you can use this option to control</p><p>The whitelist is an array type, which is matched with <code>window.navigator.userAgent</code> respectively. The player will be enabled as long as one of the matches is successful</p><p>Support <code>string</code> matching, <code>function</code> matching and <code>regular</code> matching</p><div className="run-code">▶ Run Code</div><div class="language-js line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight has-highlighted-lines"><code><span class="line"><span style="color:#C792EA;">var</span><span style="color:#A6ACCD;"> art </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">new</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">Artplayer</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">{</span></span>
-<span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">container</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">.artplayer-app</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
-<span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">url</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">/assets/sample/video.mp4</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
-<span class="line highlighted"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">whitelist</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> [</span><span style="color:#89DDFF;">(</span><span style="color:#A6ACCD;font-style:italic;">ua</span><span style="color:#89DDFF;">)</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">=&gt;</span><span style="color:#C3E88D;"> </span><span style="color:#89DDFF;">/</span><span style="color:#C3E88D;">iPhone</span><span style="color:#89DDFF;">/</span><span style="color:#F78C6C;">gi</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">test</span><span style="color:#A6ACCD;">(ua)]</span><span style="color:#89DDFF;">,</span></span>
-<span class="line"><span style="color:#89DDFF;">    </span><span style="color:#676E95;font-style:italic;">// whitelist: [/iPhone/gi],</span></span>
-<span class="line"><span style="color:#89DDFF;">    </span><span style="color:#676E95;font-style:italic;">// whitelist: [&#39;iPhone&#39;],</span></span>
-<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br></div></div><div class="warning custom-block"><p class="custom-block-title">Tip</p><p>If this option is not filled in, the player will be used by default</p></div><h2 id="thumbnails" tabindex="-1"><code>thumbnails</code> <a class="header-anchor" href="#thumbnails" aria-label="Permalink to &quot;`thumbnails`&quot;">​</a></h2><ul><li>Type: <code>Object</code></li><li>Default: <code>{}</code></li></ul><p>Set the thumbnails image on the progress bar</p><table><thead><tr><th>Property</th><th>Type</th><th>Describe</th></tr></thead><tbody><tr><td><code>url</code></td><td><code>String</code></td><td>Thumbnail url</td></tr><tr><td><code>number</code></td><td><code>Number</code></td><td>Thumbnail number</td></tr><tr><td><code>column</code></td><td><code>Number</code></td><td>Thumbnail column</td></tr><tr><td><code>width</code></td><td><code>Number</code></td><td>Thumbnail width</td></tr><tr><td><code>height</code></td><td><code>Number</code></td><td>Thumbnail height</td></tr></tbody></table><div className="run-code">▶ Run Code</div><div class="language-js line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight has-highlighted-lines"><code><span class="line"><span style="color:#C792EA;">var</span><span style="color:#A6ACCD;"> art </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">new</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">Artplayer</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">{</span></span>
+<span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br></div></div><h2 id="thumbnails" tabindex="-1"><code>thumbnails</code> <a class="header-anchor" href="#thumbnails" aria-label="Permalink to &quot;`thumbnails`&quot;">​</a></h2><ul><li>Type: <code>Object</code></li><li>Default: <code>{}</code></li></ul><p>Set the thumbnails image on the progress bar</p><table><thead><tr><th>Property</th><th>Type</th><th>Describe</th></tr></thead><tbody><tr><td><code>url</code></td><td><code>String</code></td><td>Thumbnail url</td></tr><tr><td><code>number</code></td><td><code>Number</code></td><td>Thumbnail number</td></tr><tr><td><code>column</code></td><td><code>Number</code></td><td>Thumbnail column</td></tr><tr><td><code>width</code></td><td><code>Number</code></td><td>Thumbnail width</td></tr><tr><td><code>height</code></td><td><code>Number</code></td><td>Thumbnail height</td></tr></tbody></table><div className="run-code">▶ Run Code</div><div class="language-js line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki material-theme-palenight has-highlighted-lines"><code><span class="line"><span style="color:#C792EA;">var</span><span style="color:#A6ACCD;"> art </span><span style="color:#89DDFF;">=</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">new</span><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">Artplayer</span><span style="color:#A6ACCD;">(</span><span style="color:#89DDFF;">{</span></span>
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">container</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">.artplayer-app</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">url</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">/assets/sample/video.mp4</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
 <span class="line highlighted"><span style="color:#A6ACCD;">    </span><span style="color:#F07178;">thumbnails</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
@@ -408,7 +397,7 @@
 <span class="line"><span style="color:#89DDFF;">        </span><span style="color:#676E95;font-style:italic;">//</span></span>
 <span class="line"><span style="color:#A6ACCD;">    </span><span style="color:#89DDFF;">},</span></span>
 <span class="line"><span style="color:#89DDFF;">}</span><span style="color:#A6ACCD;">)</span><span style="color:#89DDFF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br></div></div><div class="warning custom-block"><p class="custom-block-title">cssVar definitions</p><p><a href="https://github.com/zhw2590582/ArtPlayer/blob/master/packages/artplayer/types/cssVar.d.ts" target="_blank" rel="noreferrer">artplayer/types/cssVar.d.d.ts</a></p></div></div></div></main><footer class="VPDocFooter" data-v-5aafa2ac data-v-31cb5067><!--[--><!--]--><div class="edit-info" data-v-31cb5067><div class="edit-link" data-v-31cb5067><a class="VPLink link edit-link-button" href="https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/en/start/option.md" target="_blank" rel="noreferrer" data-v-31cb5067 data-v-87683ad2><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" aria-label="edit icon" data-v-31cb5067><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-31cb5067><p class="VPLastUpdated" data-v-31cb5067 data-v-f00606ba>Last updated: <time datetime="2023-05-02T14:10:52.000Z" data-v-f00606ba></time></p></div></div><div class="prev-next" data-v-31cb5067><div class="pager" data-v-31cb5067><a class="pager-link prev" href="/document/en/" data-v-31cb5067><span class="desc" data-v-31cb5067>Previous page</span><span class="title" data-v-31cb5067>Install</span></a></div><div class="has-prev pager" data-v-31cb5067><a class="pager-link next" href="/document/en/component/layers.html" data-v-31cb5067><span class="desc" data-v-31cb5067>Next page</span><span class="title" data-v-31cb5067>Layers</span></a></div></div></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
-    <script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"4af05539\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_class.md\":\"66381877\",\"en_component_layers.md\":\"4dc5e66c\",\"component_setting.md\":\"1bc1860b\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_contextmenu.md\":\"dbd69c21\",\"component_controls.md\":\"fea1c7e9\",\"en_plugin_hls-quality.md\":\"d5e1f2f9\",\"en_library_hls.md\":\"3399b13e\",\"en_plugin_dash-quality.md\":\"e282d033\",\"en_plugin_ads.md\":\"20814d70\",\"en_advanced_global.md\":\"8d7d71f1\",\"advanced_global.md\":\"cf94e284\",\"en_library_dash.md\":\"1a94a772\",\"plugin_hls-quality.md\":\"37c40d33\",\"en_advanced_event.md\":\"eb727357\",\"en_plugin_control-ui.md\":\"47bbaae8\",\"library_dash.md\":\"548ff0b2\",\"index.md\":\"6e33e2c8\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0e8ce28d\",\"plugin_control-ui.md\":\"c659ca75\",\"en_library_flv.md\":\"3eb5ed90\",\"en_advanced_property.md\":\"779fe490\",\"plugin_dash-quality.md\":\"a81bd03a\",\"library_hls.md\":\"3142dc3f\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_property.md\":\"32e0ebc0\",\"plugin_danmuku.md\":\"8f352f8c\",\"advanced_event.md\":\"95edbd6b\",\"en_index.md\":\"fa12ecae\",\"en_advanced_built-in.md\":\"852cc7ad\",\"plugin_iframe.md\":\"72fa105c\",\"en_plugin_iframe.md\":\"9e8da093\",\"advanced_built-in.md\":\"2e0780a4\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"af10fe5b\",\"component_layers.md\":\"c089d00b\",\"start_option.md\":\"08913fb2\"}")
+    <script>__VP_HASH_MAP__ = JSON.parse("{\"en_plugin_ads.md\":\"2af64c73\",\"en_index.md\":\"4bcd5818\",\"library_dash.md\":\"548ff0b2\",\"advanced_class.md\":\"4af05539\",\"en_plugin_dash-quality.md\":\"fc109dde\",\"advanced_built-in.md\":\"cc59829e\",\"index.md\":\"1c8c6bb6\",\"en_plugin_control-ui.md\":\"20f93aee\",\"component_layers.md\":\"c089d00b\",\"en_library_dash.md\":\"1a94a772\",\"en_library_hls.md\":\"3399b13e\",\"library_hls.md\":\"3142dc3f\",\"component_controls.md\":\"fea1c7e9\",\"en_advanced_class.md\":\"66381877\",\"advanced_global.md\":\"cf94e284\",\"component_setting.md\":\"1bc1860b\",\"en_library_flv.md\":\"3eb5ed90\",\"en_plugin_hls-quality.md\":\"29073479\",\"plugin_iframe.md\":\"694891af\",\"en_component_contextmenu.md\":\"dbd69c21\",\"en_advanced_built-in.md\":\"4a199548\",\"plugin_control-ui.md\":\"d2e75882\",\"plugin_hls-quality.md\":\"6598e03e\",\"plugin_dash-quality.md\":\"a1f47340\",\"en_plugin_iframe.md\":\"46ba31d6\",\"en_advanced_plugin.md\":\"355ebff5\",\"advanced_plugin.md\":\"aaf168c6\",\"en_advanced_property.md\":\"779fe490\",\"en_component_layers.md\":\"4dc5e66c\",\"plugin_danmuku.md\":\"beba9d3d\",\"library_flv.md\":\"2ddcd9cc\",\"en_component_controls.md\":\"0ee516da\",\"plugin_ads.md\":\"0c9b0374\",\"start_option.md\":\"cfe39ba5\",\"en_advanced_global.md\":\"8d7d71f1\",\"en_advanced_event.md\":\"eb727357\",\"component_contextmenu.md\":\"b0cac7bc\",\"en_component_setting.md\":\"8fe3c72b\",\"en_start_option.md\":\"059aa136\",\"advanced_property.md\":\"32e0ebc0\",\"advanced_event.md\":\"95edbd6b\"}")
 __VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Artplayer.js\",\"description\":\"ArtPlayer.js is a modern and full featured HTML5 video player\",\"base\":\"/document/\",\"head\":[],\"appearance\":\"dark\",\"themeConfig\":{\"siteTitle\":\"Artplayer.js\",\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"中文版\",\"link\":\"/\"},{\"text\":\"English\",\"link\":\"/en/\",\"activeMatch\":\"/en/\"},{\"text\":\"Online Editor\",\"link\":\"https://artplayer.org\"},{\"text\":\"5.0.x\",\"items\":[{\"text\":\"Changelog\",\"link\":\"https://github.com/zhw2590582/ArtPlayer/blob/master/CHANGELOG_CN.md\"},{\"text\":\"Donation\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#donations\"},{\"text\":\"Q群: 320881312\",\"link\":\"https://github.com/zhw2590582/ArtPlayer#qq-group\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/zhw2590582/ArtPlayer\"}],\"sidebar\":{\"/\":[{\"text\":\"开始\",\"collapsible\":true,\"items\":[{\"text\":\"安装使用\",\"link\":\"/\"},{\"text\":\"基础选项\",\"link\":\"/start/option\"}]},{\"text\":\"组件\",\"collapsible\":true,\"items\":[{\"text\":\"业务层\",\"link\":\"/component/layers\"},{\"text\":\"控制器\",\"link\":\"/component/controls\"},{\"text\":\"右键菜单\",\"link\":\"/component/contextmenu\"},{\"text\":\"设置面板\",\"link\":\"/component/setting\"}]},{\"text\":\"高级\",\"collapsible\":true,\"items\":[{\"text\":\"实例属性\",\"link\":\"/advanced/property\"},{\"text\":\"高级属性\",\"link\":\"/advanced/built-in\"},{\"text\":\"静态属性\",\"link\":\"/advanced/class\"},{\"text\":\"全局属性\",\"link\":\"/advanced/global\"},{\"text\":\"实例事件\",\"link\":\"/advanced/event\"},{\"text\":\"编写插件\",\"link\":\"/advanced/plugin\"}]},{\"text\":\"插件\",\"collapsible\":true,\"items\":[{\"text\":\"弹幕库\",\"link\":\"/plugin/danmuku\"},{\"text\":\"视频广告\",\"link\":\"/plugin/ads\"},{\"text\":\"Iframe 控制\",\"link\":\"/plugin/iframe\"},{\"text\":\"Hls 画质\",\"link\":\"/plugin/hls-quality\"},{\"text\":\"Dash 画质\",\"link\":\"/plugin/dash-quality\"},{\"text\":\"控制器皮肤\",\"link\":\"/plugin/control-ui\"}]},{\"text\":\"第三方库\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/library/dash\"}]}],\"/en/\":[{\"text\":\"Quick start\",\"collapsible\":true,\"items\":[{\"text\":\"Install\",\"link\":\"/en/\"},{\"text\":\"Option\",\"link\":\"/en/start/option\"}]},{\"text\":\"Component\",\"collapsible\":true,\"items\":[{\"text\":\"Layers\",\"link\":\"/en/component/layers\"},{\"text\":\"Controls\",\"link\":\"/en/component/controls\"},{\"text\":\"Contextmenu\",\"link\":\"/en/component/contextmenu\"},{\"text\":\"Setting\",\"link\":\"/en/component/setting\"}]},{\"text\":\"Advanced\",\"collapsible\":true,\"items\":[{\"text\":\"Instance Property\",\"link\":\"/en/advanced/property\"},{\"text\":\"Advanced Property\",\"link\":\"/en/advanced/built-in\"},{\"text\":\"Static Property\",\"link\":\"/en/advanced/class\"},{\"text\":\"Global Property\",\"link\":\"/en/advanced/global\"},{\"text\":\"Instance Event\",\"link\":\"/en/advanced/event\"},{\"text\":\"Writing Plugin\",\"link\":\"/en/advanced/plugin\"}]},{\"text\":\"Plugins\",\"collapsible\":true,\"items\":[{\"text\":\"Video Ads\",\"link\":\"/en/plugin/ads\"},{\"text\":\"Iframe Control\",\"link\":\"/en/plugin/iframe\"},{\"text\":\"Hls Quality\",\"link\":\"/en/plugin/hls-quality\"},{\"text\":\"Dash Quality\",\"link\":\"/en/plugin/dash-quality\"},{\"text\":\"Control UI\",\"link\":\"/en/plugin/control-ui\"}]},{\"text\":\"Libraries\",\"collapsible\":true,\"items\":[{\"text\":\"hls.js\",\"link\":\"/en/library/hls\"},{\"text\":\"flv.js\",\"link\":\"/en/library/flv\"},{\"text\":\"dash.js\",\"link\":\"/en/library/dash\"}]}]},\"editLink\":{\"pattern\":\"https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/:path\",\"text\":\"Edit this page on GitHub\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
     
   </body>