x15904151985/ArtPlayer
1
0 Fork 0
mirror of https://github.com/zhw2590582/ArtPlayer.git synced 2026-10-11 13:56:15 -08:00
Code Issues Packages Projects Releases Wiki Activity

build docs

Browse Source
This commit is contained in:
Harvey Zack committed 2023-01-18 15:24:59 +08:00
1 parent d5844af7ae
commit b97184bf48
106 files changed
+1697 -1733
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

docs/document/start/component.html
+5 -5
View File
@@ -6,9 +6,9 @@
<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.0892d455.css" as="style">
<link rel="modulepreload" href="/document/assets/chunks/virtual_search-data.8600aa9c.js">
<link rel="modulepreload" href="/document/assets/app.9e4cc5a4.js">
<link rel="modulepreload" href="/document/assets/start_component.md.8366f7f2.lean.js">
<link rel="modulepreload" href="/document/assets/chunks/virtual_search-data.1f80ce7d.js">
<link rel="modulepreload" href="/document/assets/app.c9f3056c.js">
<link rel="modulepreload" href="/document/assets/start_component.md.18859a71.lean.js">
<script src="/document/main.js"></script>
<link rel="stylesheet" href="/document/style.css">
@@ -163,8 +163,8 @@
<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;">contextmenu[</span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">your-menu</span><span style="color:#89DDFF;">&#39;</span><span style="color:#A6ACCD;">])</span><span style="color:#89DDFF;">;</span></span>
<span class="line"></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></main><!--[--><!--]--><footer class="VPDocFooter" data-v-cfb513e0 data-v-21f75714><div class="edit-info" data-v-21f75714><div class="edit-link" data-v-21f75714><a class="VPLink link edit-link-button" href="https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/start/component.md" target="_blank" rel="noreferrer" data-v-21f75714 data-v-3c355974><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" data-v-21f75714><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-21f75714><p class="VPLastUpdated" data-v-21f75714 data-v-18fe8fc2>Last updated: <time datetime="2023-01-11T12:45:01.000Z" data-v-18fe8fc2></time></p></div></div><div class="prev-next" data-v-21f75714><div class="pager" data-v-21f75714><a class="pager-link prev" href="/document/start/option.html" data-v-21f75714><span class="desc" data-v-21f75714>Previous page</span><span class="title" data-v-21f75714>基础选项</span></a></div><div class="has-prev pager" data-v-21f75714><a class="pager-link next" href="/document/start/setting.html" data-v-21f75714><span class="desc" data-v-21f75714>Next page</span><span class="title" data-v-21f75714>设置面板</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><!----><!--[--><!--]--></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"library_dash.md\":\"1b8b1427\",\"advanced_plugin.md\":\"99f262f6\",\"library_hls.md\":\"54a25dea\",\"plugin_hls-quality.md\":\"8d3d8aba\",\"en_index.md\":\"7d8df1fe\",\"en_library_hls.md\":\"3767fae9\",\"en_advanced_class.md\":\"749356e7\",\"advanced_class.md\":\"6df32901\",\"library_flv.md\":\"90784b7c\",\"en_library_dash.md\":\"b9a37b53\",\"plugin_ads.md\":\"3f828a6b\",\"index.md\":\"a33913b3\",\"advanced_built-in.md\":\"eeb4ee36\",\"en_library_flv.md\":\"328c7eb7\",\"plugin_control-ui.md\":\"ee1f723f\",\"en_plugin_control-ui.md\":\"d912bbeb\",\"en_advanced_event.md\":\"03132fdc\",\"en_plugin_hls-quality.md\":\"f2e77a76\",\"en_plugin_ads.md\":\"664aa7ae\",\"plugin_danmuku.md\":\"cff07d78\",\"en_advanced_plugin.md\":\"05db8487\",\"start_component.md\":\"8366f7f2\",\"en_advanced_built-in.md\":\"d2e09d26\",\"start_setting.md\":\"189105cd\",\"plugin_iframe.md\":\"ddafd3d1\",\"en_start_setting.md\":\"ef6e700c\",\"en_start_component.md\":\"4d3c9392\",\"en_advanced_property.md\":\"f81a5597\",\"advanced_property.md\":\"c7bb10a6\",\"start_option.md\":\"564fb18a\",\"advanced_event.md\":\"acb45ca5\",\"en_plugin_iframe.md\":\"b6decbc6\",\"en_start_option.md\":\"a841fbfc\"}")</script>
<script type="module" async src="/document/assets/app.9e4cc5a4.js"></script>
<script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"d5908b40\",\"en_plugin_control-ui.md\":\"907b9679\",\"advanced_plugin.md\":\"08f348b3\",\"en_plugin_hls-quality.md\":\"da1ac5c6\",\"library_hls.md\":\"865232dd\",\"en_advanced_class.md\":\"80de2dfc\",\"en_library_dash.md\":\"4dfc87ff\",\"plugin_ads.md\":\"34b12b64\",\"start_setting.md\":\"204a046f\",\"en_library_hls.md\":\"f872f47b\",\"library_dash.md\":\"baf84c52\",\"en_index.md\":\"1a18200b\",\"start_component.md\":\"18859a71\",\"plugin_danmuku.md\":\"6faf0885\",\"plugin_hls-quality.md\":\"36e783aa\",\"en_advanced_plugin.md\":\"24aa8246\",\"en_advanced_event.md\":\"8a9b77b1\",\"en_plugin_ads.md\":\"495e9043\",\"advanced_property.md\":\"21f053ad\",\"index.md\":\"426e9501\",\"library_flv.md\":\"469db358\",\"advanced_built-in.md\":\"9db52baf\",\"en_plugin_iframe.md\":\"982607b8\",\"en_library_flv.md\":\"8bdf1fe2\",\"plugin_control-ui.md\":\"4a709a79\",\"plugin_iframe.md\":\"920665c7\",\"advanced_event.md\":\"9580efb1\",\"en_advanced_built-in.md\":\"5d3ed6b6\",\"en_start_component.md\":\"c2c1e1d1\",\"en_start_setting.md\":\"ac81b733\",\"en_start_option.md\":\"251fc440\",\"en_advanced_property.md\":\"b1aa02a4\",\"start_option.md\":\"07d4e6ef\"}")</script>
<script type="module" async src="/document/assets/app.c9f3056c.js"></script>
</body>
</html>
docs/document/start/option.html
+13 -10
View File
@@ -6,9 +6,9 @@
<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.0892d455.css" as="style">
<link rel="modulepreload" href="/document/assets/chunks/virtual_search-data.8600aa9c.js">
<link rel="modulepreload" href="/document/assets/app.9e4cc5a4.js">
<link rel="modulepreload" href="/document/assets/start_option.md.564fb18a.lean.js">
<link rel="modulepreload" href="/document/assets/chunks/virtual_search-data.1f80ce7d.js">
<link rel="modulepreload" href="/document/assets/app.c9f3056c.js">
<link rel="modulepreload" href="/document/assets/start_option.md.07d4e6ef.lean.js">
<script src="/document/main.js"></script>
<link rel="stylesheet" href="/document/style.css">
@@ -25,7 +25,10 @@
<span class="line highlighted"><span style="color:#A6ACCD;"> </span><span style="color:#B2CCD6;">width</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#F78C6C;">400px</span><span style="color:#89DDFF;">;</span></span>
<span class="line highlighted"><span style="color:#A6ACCD;"> </span><span style="color:#B2CCD6;">height</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#F78C6C;">300px</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">}</span></span>
<span class="line"></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></div></div><div class="warning custom-block"><p class="custom-block-title">提示</p><p>全部选项里，只有 <code>container</code> 是必填的</p></div><h2 id="url" tabindex="-1"><code>url</code> <a class="header-anchor" href="#url" aria-hidden="true">#</a></h2><ul><li>Type: <code>String</code></li><li>Default: <code>&#39;&#39;</code></li></ul><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-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></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></div></div><p>或者使用 <code>aspect-ratio</code>：</p><div class="language-css line-numbers-mode"><button title="Copy Code" class="copy"></button><span class="lang">css</span><pre class="shiki material-palenight has-highlighted-lines"><code><span class="line"><span style="color:#89DDFF;">.</span><span style="color:#FFCB6B;">artplayer-app</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line highlighted"><span style="color:#A6ACCD;"> aspect-ratio</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#F78C6C;">16</span><span style="color:#A6ACCD;">/</span><span style="color:#F78C6C;">9</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#89DDFF;">}</span></span>
<span class="line"></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></div></div><div class="warning custom-block"><p class="custom-block-title">提示</p><p>全部选项里，只有 <code>container</code> 是必填的</p></div><h2 id="url" tabindex="-1"><code>url</code> <a class="header-anchor" href="#url" aria-hidden="true">#</a></h2><ul><li>Type: <code>String</code></li><li>Default: <code>&#39;&#39;</code></li></ul><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-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 highlighted"><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>
@@ -341,9 +344,9 @@
<span class="line"></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-hidden="true">#</a></h2><ul><li>Type: <code>Array</code></li><li>Default: <code>[]</code></li></ul><p>因为不同的移动设备存在多种差异和限制，有时候你希望在某些移动设备上不使用本播放器，而是直接使用原生的功能时，可以通过该选项控制</p><p>白名单是一个数组类型，分别与 <code>window.navigator.userAgent</code> 进行匹配，只要其中一项匹配成功则启用播放器</p><p>支持 <code>字符串</code> 匹配, <code>函数</code> 匹配, <code>正则</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-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 OS 11</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 OS 11/gi],</span></span>
<span class="line"><span style="color:#89DDFF;"> </span><span style="color:#676E95;font-style:italic;">// whitelist: [&#39;iPhone OS 11&#39;],</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>
<span class="line"></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>假如该选项不填，则默认使用本播放器</p></div><h2 id="thumbnails" tabindex="-1"><code>thumbnails</code> <a class="header-anchor" href="#thumbnails" aria-hidden="true">#</a></h2><ul><li>Type: <code>Object</code></li><li>Default: <code>{}</code></li></ul><p>在进度条上设置 <code>预览图</code></p><table><thead><tr><th>属性</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td><code>url</code></td><td><code>String</code></td><td>预览图地址</td></tr><tr><td><code>number</code></td><td><code>Number</code></td><td>预览图数量</td></tr><tr><td><code>column</code></td><td><code>Number</code></td><td>预览图列数</td></tr><tr><td><code>width</code></td><td><code>Number</code></td><td>预览图宽度</td></tr><tr><td><code>height</code></td><td><code>Number</code></td><td>预览图高度</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-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>
@@ -450,9 +453,9 @@
<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;">airplay</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>
<span class="line"></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></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-cfb513e0 data-v-21f75714><div class="edit-info" data-v-21f75714><div class="edit-link" data-v-21f75714><a class="VPLink link edit-link-button" href="https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/start/option.md" target="_blank" rel="noreferrer" data-v-21f75714 data-v-3c355974><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" data-v-21f75714><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-21f75714><p class="VPLastUpdated" data-v-21f75714 data-v-18fe8fc2>Last updated: <time datetime="2023-01-14T10:39:52.000Z" data-v-18fe8fc2></time></p></div></div><div class="prev-next" data-v-21f75714><div class="pager" data-v-21f75714><a class="pager-link prev" href="/document/" data-v-21f75714><span class="desc" data-v-21f75714>Previous page</span><span class="title" data-v-21f75714>安装使用</span></a></div><div class="has-prev pager" data-v-21f75714><a class="pager-link next" href="/document/start/component.html" data-v-21f75714><span class="desc" data-v-21f75714>Next page</span><span class="title" data-v-21f75714>组件配置</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><!----><!--[--><!--]--></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"library_dash.md\":\"1b8b1427\",\"advanced_plugin.md\":\"99f262f6\",\"library_hls.md\":\"54a25dea\",\"plugin_hls-quality.md\":\"8d3d8aba\",\"en_index.md\":\"7d8df1fe\",\"en_library_hls.md\":\"3767fae9\",\"en_advanced_class.md\":\"749356e7\",\"advanced_class.md\":\"6df32901\",\"library_flv.md\":\"90784b7c\",\"en_library_dash.md\":\"b9a37b53\",\"plugin_ads.md\":\"3f828a6b\",\"index.md\":\"a33913b3\",\"advanced_built-in.md\":\"eeb4ee36\",\"en_library_flv.md\":\"328c7eb7\",\"plugin_control-ui.md\":\"ee1f723f\",\"en_plugin_control-ui.md\":\"d912bbeb\",\"en_advanced_event.md\":\"03132fdc\",\"en_plugin_hls-quality.md\":\"f2e77a76\",\"en_plugin_ads.md\":\"664aa7ae\",\"plugin_danmuku.md\":\"cff07d78\",\"en_advanced_plugin.md\":\"05db8487\",\"start_component.md\":\"8366f7f2\",\"en_advanced_built-in.md\":\"d2e09d26\",\"start_setting.md\":\"189105cd\",\"plugin_iframe.md\":\"ddafd3d1\",\"en_start_setting.md\":\"ef6e700c\",\"en_start_component.md\":\"4d3c9392\",\"en_advanced_property.md\":\"f81a5597\",\"advanced_property.md\":\"c7bb10a6\",\"start_option.md\":\"564fb18a\",\"advanced_event.md\":\"acb45ca5\",\"en_plugin_iframe.md\":\"b6decbc6\",\"en_start_option.md\":\"a841fbfc\"}")</script>
<script type="module" async src="/document/assets/app.9e4cc5a4.js"></script>
<span class="line"></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></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-cfb513e0 data-v-21f75714><div class="edit-info" data-v-21f75714><div class="edit-link" data-v-21f75714><a class="VPLink link edit-link-button" href="https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/start/option.md" target="_blank" rel="noreferrer" data-v-21f75714 data-v-3c355974><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" data-v-21f75714><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-21f75714><p class="VPLastUpdated" data-v-21f75714 data-v-18fe8fc2>Last updated: <time datetime="2023-01-18T06:52:27.000Z" data-v-18fe8fc2></time></p></div></div><div class="prev-next" data-v-21f75714><div class="pager" data-v-21f75714><a class="pager-link prev" href="/document/" data-v-21f75714><span class="desc" data-v-21f75714>Previous page</span><span class="title" data-v-21f75714>安装使用</span></a></div><div class="has-prev pager" data-v-21f75714><a class="pager-link next" href="/document/start/component.html" data-v-21f75714><span class="desc" data-v-21f75714>Next page</span><span class="title" data-v-21f75714>组件配置</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><!----><!--[--><!--]--></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"d5908b40\",\"en_plugin_control-ui.md\":\"907b9679\",\"advanced_plugin.md\":\"08f348b3\",\"en_plugin_hls-quality.md\":\"da1ac5c6\",\"library_hls.md\":\"865232dd\",\"en_advanced_class.md\":\"80de2dfc\",\"en_library_dash.md\":\"4dfc87ff\",\"plugin_ads.md\":\"34b12b64\",\"start_setting.md\":\"204a046f\",\"en_library_hls.md\":\"f872f47b\",\"library_dash.md\":\"baf84c52\",\"en_index.md\":\"1a18200b\",\"start_component.md\":\"18859a71\",\"plugin_danmuku.md\":\"6faf0885\",\"plugin_hls-quality.md\":\"36e783aa\",\"en_advanced_plugin.md\":\"24aa8246\",\"en_advanced_event.md\":\"8a9b77b1\",\"en_plugin_ads.md\":\"495e9043\",\"advanced_property.md\":\"21f053ad\",\"index.md\":\"426e9501\",\"library_flv.md\":\"469db358\",\"advanced_built-in.md\":\"9db52baf\",\"en_plugin_iframe.md\":\"982607b8\",\"en_library_flv.md\":\"8bdf1fe2\",\"plugin_control-ui.md\":\"4a709a79\",\"plugin_iframe.md\":\"920665c7\",\"advanced_event.md\":\"9580efb1\",\"en_advanced_built-in.md\":\"5d3ed6b6\",\"en_start_component.md\":\"c2c1e1d1\",\"en_start_setting.md\":\"ac81b733\",\"en_start_option.md\":\"251fc440\",\"en_advanced_property.md\":\"b1aa02a4\",\"start_option.md\":\"07d4e6ef\"}")</script>
<script type="module" async src="/document/assets/app.c9f3056c.js"></script>
</body>
</html>
docs/document/start/setting.html
+5 -5
View File
@@ -6,9 +6,9 @@
<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.0892d455.css" as="style">
<link rel="modulepreload" href="/document/assets/chunks/virtual_search-data.8600aa9c.js">
<link rel="modulepreload" href="/document/assets/app.9e4cc5a4.js">
<link rel="modulepreload" href="/document/assets/start_setting.md.189105cd.lean.js">
<link rel="modulepreload" href="/document/assets/chunks/virtual_search-data.1f80ce7d.js">
<link rel="modulepreload" href="/document/assets/app.c9f3056c.js">
<link rel="modulepreload" href="/document/assets/start_setting.md.204a046f.lean.js">
<script src="/document/main.js"></script>
<link rel="stylesheet" href="/document/style.css">
@@ -165,8 +165,8 @@
<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>
<span class="line"></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></div></div></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-cfb513e0 data-v-21f75714><div class="edit-info" data-v-21f75714><div class="edit-link" data-v-21f75714><a class="VPLink link edit-link-button" href="https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-vitepress/docs/start/setting.md" target="_blank" rel="noreferrer" data-v-21f75714 data-v-3c355974><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" data-v-21f75714><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-21f75714><p class="VPLastUpdated" data-v-21f75714 data-v-18fe8fc2>Last updated: <time datetime="2023-01-11T12:45:01.000Z" data-v-18fe8fc2></time></p></div></div><div class="prev-next" data-v-21f75714><div class="pager" data-v-21f75714><a class="pager-link prev" href="/document/start/component.html" data-v-21f75714><span class="desc" data-v-21f75714>Previous page</span><span class="title" data-v-21f75714>组件配置</span></a></div><div class="has-prev pager" data-v-21f75714><a class="pager-link next" href="/document/advanced/property.html" data-v-21f75714><span class="desc" data-v-21f75714>Next page</span><span class="title" data-v-21f75714>实例属性</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><!----><!--[--><!--]--></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"library_dash.md\":\"1b8b1427\",\"advanced_plugin.md\":\"99f262f6\",\"library_hls.md\":\"54a25dea\",\"plugin_hls-quality.md\":\"8d3d8aba\",\"en_index.md\":\"7d8df1fe\",\"en_library_hls.md\":\"3767fae9\",\"en_advanced_class.md\":\"749356e7\",\"advanced_class.md\":\"6df32901\",\"library_flv.md\":\"90784b7c\",\"en_library_dash.md\":\"b9a37b53\",\"plugin_ads.md\":\"3f828a6b\",\"index.md\":\"a33913b3\",\"advanced_built-in.md\":\"eeb4ee36\",\"en_library_flv.md\":\"328c7eb7\",\"plugin_control-ui.md\":\"ee1f723f\",\"en_plugin_control-ui.md\":\"d912bbeb\",\"en_advanced_event.md\":\"03132fdc\",\"en_plugin_hls-quality.md\":\"f2e77a76\",\"en_plugin_ads.md\":\"664aa7ae\",\"plugin_danmuku.md\":\"cff07d78\",\"en_advanced_plugin.md\":\"05db8487\",\"start_component.md\":\"8366f7f2\",\"en_advanced_built-in.md\":\"d2e09d26\",\"start_setting.md\":\"189105cd\",\"plugin_iframe.md\":\"ddafd3d1\",\"en_start_setting.md\":\"ef6e700c\",\"en_start_component.md\":\"4d3c9392\",\"en_advanced_property.md\":\"f81a5597\",\"advanced_property.md\":\"c7bb10a6\",\"start_option.md\":\"564fb18a\",\"advanced_event.md\":\"acb45ca5\",\"en_plugin_iframe.md\":\"b6decbc6\",\"en_start_option.md\":\"a841fbfc\"}")</script>
<script type="module" async src="/document/assets/app.9e4cc5a4.js"></script>
<script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"d5908b40\",\"en_plugin_control-ui.md\":\"907b9679\",\"advanced_plugin.md\":\"08f348b3\",\"en_plugin_hls-quality.md\":\"da1ac5c6\",\"library_hls.md\":\"865232dd\",\"en_advanced_class.md\":\"80de2dfc\",\"en_library_dash.md\":\"4dfc87ff\",\"plugin_ads.md\":\"34b12b64\",\"start_setting.md\":\"204a046f\",\"en_library_hls.md\":\"f872f47b\",\"library_dash.md\":\"baf84c52\",\"en_index.md\":\"1a18200b\",\"start_component.md\":\"18859a71\",\"plugin_danmuku.md\":\"6faf0885\",\"plugin_hls-quality.md\":\"36e783aa\",\"en_advanced_plugin.md\":\"24aa8246\",\"en_advanced_event.md\":\"8a9b77b1\",\"en_plugin_ads.md\":\"495e9043\",\"advanced_property.md\":\"21f053ad\",\"index.md\":\"426e9501\",\"library_flv.md\":\"469db358\",\"advanced_built-in.md\":\"9db52baf\",\"en_plugin_iframe.md\":\"982607b8\",\"en_library_flv.md\":\"8bdf1fe2\",\"plugin_control-ui.md\":\"4a709a79\",\"plugin_iframe.md\":\"920665c7\",\"advanced_event.md\":\"9580efb1\",\"en_advanced_built-in.md\":\"5d3ed6b6\",\"en_start_component.md\":\"c2c1e1d1\",\"en_start_setting.md\":\"ac81b733\",\"en_start_option.md\":\"251fc440\",\"en_advanced_property.md\":\"b1aa02a4\",\"start_option.md\":\"07d4e6ef\"}")</script>
<script type="module" async src="/document/assets/app.c9f3056c.js"></script>
</body>
</html>