build docs

This commit is contained in:
Harvey Zack committed 2023-01-21 11:20:20 +08:00
1 parent 5898dad3d7
commit 827be6ee02
110 files changed
+1769 -1805

No files matched your search

+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.79a076e7.js">
<link rel="modulepreload" href="/document/assets/app.a9006a39.js">
<link rel="modulepreload" href="/document/assets/advanced_built-in.md.7f07bd39.lean.js">
<link rel="modulepreload" href="/document/assets/chunks/virtual_search-data.1556356f.js">
<link rel="modulepreload" href="/document/assets/app.b7ede61b.js">
<link rel="modulepreload" href="/document/assets/advanced_built-in.md.be391cb4.lean.js">
<script src="/document/main.js"></script>
<link rel="stylesheet" href="/document/style.css">
@@ -227,8 +227,8 @@
<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>
<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><span class="line-number">18</span><br><span class="line-number">19</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/advanced/built-in.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/advanced/property.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/class.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\":\"efc03caf\",\"en_advanced_plugin.md\":\"0bf144da\",\"start_component.md\":\"0df37755\",\"advanced_plugin.md\":\"397679df\",\"advanced_built-in.md\":\"7f07bd39\",\"plugin_control-ui.md\":\"a2e3c687\",\"en_library_flv.md\":\"920acb21\",\"library_dash.md\":\"cd90f0e4\",\"start_setting.md\":\"a7068f83\",\"en_plugin_ads.md\":\"2064840f\",\"plugin_ads.md\":\"e659778a\",\"en_library_hls.md\":\"60332981\",\"en_plugin_hls-quality.md\":\"cfba7713\",\"en_start_setting.md\":\"05c3e8f4\",\"en_advanced_class.md\":\"7b95129c\",\"en_library_dash.md\":\"12064bb1\",\"library_flv.md\":\"b862c4dc\",\"plugin_hls-quality.md\":\"e5c37902\",\"en_start_component.md\":\"cc669234\",\"library_hls.md\":\"794d0a75\",\"advanced_property.md\":\"0ab5f6d7\",\"en_index.md\":\"12824755\",\"plugin_iframe.md\":\"a103fa32\",\"en_plugin_iframe.md\":\"2771beba\",\"en_plugin_control-ui.md\":\"ce0f95c9\",\"index.md\":\"6b8bfbb6\",\"en_advanced_built-in.md\":\"6809ddfb\",\"advanced_event.md\":\"3db0fb7b\",\"start_option.md\":\"becab947\",\"en_advanced_property.md\":\"3ecaffa0\",\"plugin_danmuku.md\":\"a4088269\",\"en_advanced_event.md\":\"d455cf52\",\"en_start_option.md\":\"d8e64b03\"}")</script>
<script type="module" async src="/document/assets/app.a9006a39.js"></script>
<script>__VP_HASH_MAP__ = JSON.parse("{\"plugin_ads.md\":\"9c598046\",\"en_plugin_control-ui.md\":\"a2f48569\",\"start_component.md\":\"ede54d69\",\"en_library_hls.md\":\"9cf915fb\",\"library_dash.md\":\"21a35aeb\",\"en_advanced_plugin.md\":\"5f0c8414\",\"library_flv.md\":\"47335600\",\"plugin_hls-quality.md\":\"a05fc742\",\"advanced_class.md\":\"13d61bb3\",\"en_library_flv.md\":\"cea9a5c9\",\"en_start_component.md\":\"d197302e\",\"advanced_plugin.md\":\"2753cbd2\",\"en_advanced_class.md\":\"12f59784\",\"start_setting.md\":\"a1d1798e\",\"en_library_dash.md\":\"e593a852\",\"en_plugin_hls-quality.md\":\"06515f40\",\"en_plugin_iframe.md\":\"d1ca001a\",\"plugin_control-ui.md\":\"772da1a7\",\"en_plugin_ads.md\":\"4e6e07d5\",\"library_hls.md\":\"a6bd8b57\",\"advanced_event.md\":\"c8074df2\",\"en_index.md\":\"19e3cafe\",\"plugin_iframe.md\":\"2ca368e3\",\"index.md\":\"90fac4e4\",\"en_start_setting.md\":\"fad00b17\",\"en_advanced_built-in.md\":\"70716a39\",\"en_advanced_property.md\":\"389dbec6\",\"en_advanced_event.md\":\"718eca2d\",\"en_start_option.md\":\"778063fc\",\"plugin_danmuku.md\":\"d1d80325\",\"advanced_property.md\":\"b656dbdd\",\"start_option.md\":\"7682334c\",\"advanced_built-in.md\":\"be391cb4\"}")</script>
<script type="module" async src="/document/assets/app.b7ede61b.js"></script>
</body>
</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.79a076e7.js">
<link rel="modulepreload" href="/document/assets/app.a9006a39.js">
<link rel="modulepreload" href="/document/assets/advanced_class.md.efc03caf.lean.js">
<link rel="modulepreload" href="/document/assets/chunks/virtual_search-data.1556356f.js">
<link rel="modulepreload" href="/document/assets/app.b7ede61b.js">
<link rel="modulepreload" href="/document/assets/advanced_class.md.13d61bb3.lean.js">
<script src="/document/main.js"></script>
<link rel="stylesheet" href="/document/style.css">
@@ -36,8 +36,8 @@
<span class="line"></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><h2 id="html" tabindex="-1"><code>html</code> <a class="header-anchor" href="#html" aria-hidden="true">#</a></h2><p>返回播放器所需的 <code>html</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"><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;">html)</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></div></div><h2 id="option" tabindex="-1"><code>option</code> <a class="header-anchor" href="#option" aria-hidden="true">#</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-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;">option)</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></div></div><h2 id="debug" tabindex="-1"><code>DEBUG</code> <a class="header-anchor" href="#debug" aria-hidden="true">#</a></h2><h2 id="contextmenu" tabindex="-1"><code>CONTEXTMENU</code> <a class="header-anchor" href="#contextmenu" aria-hidden="true">#</a></h2><h2 id="notice-time" tabindex="-1"><code>NOTICE_TIME</code> <a class="header-anchor" href="#notice-time" aria-hidden="true">#</a></h2><h2 id="setting-width" tabindex="-1"><code>SETTING_WIDTH</code> <a class="header-anchor" href="#setting-width" aria-hidden="true">#</a></h2><h2 id="setting-item-width" tabindex="-1"><code>SETTING_ITEM_WIDTH</code> <a class="header-anchor" href="#setting-item-width" aria-hidden="true">#</a></h2><h2 id="setting-item-height" tabindex="-1"><code>SETTING_ITEM_HEIGHT</code> <a class="header-anchor" href="#setting-item-height" aria-hidden="true">#</a></h2><h2 id="indicator-size" tabindex="-1"><code>INDICATOR_SIZE</code> <a class="header-anchor" href="#indicator-size" aria-hidden="true">#</a></h2><h2 id="indicator-size-icon" tabindex="-1"><code>INDICATOR_SIZE_ICON</code> <a class="header-anchor" href="#indicator-size-icon" aria-hidden="true">#</a></h2><h2 id="indicator-size-mobile" tabindex="-1"><code>INDICATOR_SIZE_MOBILE</code> <a class="header-anchor" href="#indicator-size-mobile" aria-hidden="true">#</a></h2><h2 id="indicator-size-mobile-icon" tabindex="-1"><code>INDICATOR_SIZE_MOBILE_ICON</code> <a class="header-anchor" href="#indicator-size-mobile-icon" aria-hidden="true">#</a></h2><h2 id="volume-panel-width" tabindex="-1"><code>VOLUME_PANEL_WIDTH</code> <a class="header-anchor" href="#volume-panel-width" aria-hidden="true">#</a></h2><h2 id="volume-handle-width" tabindex="-1"><code>VOLUME_HANDLE_WIDTH</code> <a class="header-anchor" href="#volume-handle-width" aria-hidden="true">#</a></h2><h2 id="resize-time" tabindex="-1"><code>RESIZE_TIME</code> <a class="header-anchor" href="#resize-time" aria-hidden="true">#</a></h2><h2 id="scroll-time" tabindex="-1"><code>SCROLL_TIME</code> <a class="header-anchor" href="#scroll-time" aria-hidden="true">#</a></h2><h2 id="scroll-gap" tabindex="-1"><code>SCROLL_GAP</code> <a class="header-anchor" href="#scroll-gap" aria-hidden="true">#</a></h2><h2 id="auto-playback-max" tabindex="-1"><code>AUTO_PLAYBACK_MAX</code> <a class="header-anchor" href="#auto-playback-max" aria-hidden="true">#</a></h2><h2 id="auto-playback-min" tabindex="-1"><code>AUTO_PLAYBACK_MIN</code> <a class="header-anchor" href="#auto-playback-min" aria-hidden="true">#</a></h2><h2 id="auto-playback-timeout" tabindex="-1"><code>AUTO_PLAYBACK_TIMEOUT</code> <a class="header-anchor" href="#auto-playback-timeout" aria-hidden="true">#</a></h2><h2 id="reconnect-time-max" tabindex="-1"><code>RECONNECT_TIME_MAX</code> <a class="header-anchor" href="#reconnect-time-max" aria-hidden="true">#</a></h2><h2 id="reconnect-sleep-time" tabindex="-1"><code>RECONNECT_SLEEP_TIME</code> <a class="header-anchor" href="#reconnect-sleep-time" aria-hidden="true">#</a></h2><h2 id="control-hide-time" tabindex="-1"><code>CONTROL_HIDE_TIME</code> <a class="header-anchor" href="#control-hide-time" aria-hidden="true">#</a></h2><h2 id="db-clice-time" tabindex="-1"><code>DB_CLICE_TIME</code> <a class="header-anchor" href="#db-clice-time" aria-hidden="true">#</a></h2><h2 id="mobile-auto-playbackrate" tabindex="-1"><code>MOBILE_AUTO_PLAYBACKRATE</code> <a class="header-anchor" href="#mobile-auto-playbackrate" aria-hidden="true">#</a></h2><h2 id="mobile-auto-playbackrate-time" tabindex="-1"><code>MOBILE_AUTO_PLAYBACKRATE_TIME</code> <a class="header-anchor" href="#mobile-auto-playbackrate-time" aria-hidden="true">#</a></h2><h2 id="mobile-auto-orientation-time" tabindex="-1"><code>MOBILE_AUTO_ORIENTATION_TIME</code> <a class="header-anchor" href="#mobile-auto-orientation-time" aria-hidden="true">#</a></h2><h2 id="info-loop-time" tabindex="-1"><code>INFO_LOOP_TIME</code> <a class="header-anchor" href="#info-loop-time" aria-hidden="true">#</a></h2><h2 id="fast-forward-value" tabindex="-1"><code>FAST_FORWARD_VALUE</code> <a class="header-anchor" href="#fast-forward-value" aria-hidden="true">#</a></h2><h2 id="fast-forward-time" tabindex="-1"><code>FAST_FORWARD_TIME</code> <a class="header-anchor" href="#fast-forward-time" aria-hidden="true">#</a></h2><h2 id="touch-move-ratio" tabindex="-1"><code>TOUCH_MOVE_RATIO</code> <a class="header-anchor" href="#touch-move-ratio" aria-hidden="true">#</a></h2><h2 id="volume-step" tabindex="-1"><code>VOLUME_STEP</code> <a class="header-anchor" href="#volume-step" aria-hidden="true">#</a></h2><h2 id="seek-step" tabindex="-1"><code>SEEK_STEP</code> <a class="header-anchor" href="#seek-step" aria-hidden="true">#</a></h2><h2 id="progress-height" tabindex="-1"><code>PROGRESS_HEIGHT</code> <a class="header-anchor" href="#progress-height" aria-hidden="true">#</a></h2><h2 id="playback-rate" tabindex="-1Line truncated
<script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"efc03caf\",\"en_advanced_plugin.md\":\"0bf144da\",\"start_component.md\":\"0df37755\",\"advanced_plugin.md\":\"397679df\",\"advanced_built-in.md\":\"7f07bd39\",\"plugin_control-ui.md\":\"a2e3c687\",\"en_library_flv.md\":\"920acb21\",\"library_dash.md\":\"cd90f0e4\",\"start_setting.md\":\"a7068f83\",\"en_plugin_ads.md\":\"2064840f\",\"plugin_ads.md\":\"e659778a\",\"en_library_hls.md\":\"60332981\",\"en_plugin_hls-quality.md\":\"cfba7713\",\"en_start_setting.md\":\"05c3e8f4\",\"en_advanced_class.md\":\"7b95129c\",\"en_library_dash.md\":\"12064bb1\",\"library_flv.md\":\"b862c4dc\",\"plugin_hls-quality.md\":\"e5c37902\",\"en_start_component.md\":\"cc669234\",\"library_hls.md\":\"794d0a75\",\"advanced_property.md\":\"0ab5f6d7\",\"en_index.md\":\"12824755\",\"plugin_iframe.md\":\"a103fa32\",\"en_plugin_iframe.md\":\"2771beba\",\"en_plugin_control-ui.md\":\"ce0f95c9\",\"index.md\":\"6b8bfbb6\",\"en_advanced_built-in.md\":\"6809ddfb\",\"advanced_event.md\":\"3db0fb7b\",\"start_option.md\":\"becab947\",\"en_advanced_property.md\":\"3ecaffa0\",\"plugin_danmuku.md\":\"a4088269\",\"en_advanced_event.md\":\"d455cf52\",\"en_start_option.md\":\"d8e64b03\"}")</script>
<script type="module" async src="/document/assets/app.a9006a39.js"></script>
<script>__VP_HASH_MAP__ = JSON.parse("{\"plugin_ads.md\":\"9c598046\",\"en_plugin_control-ui.md\":\"a2f48569\",\"start_component.md\":\"ede54d69\",\"en_library_hls.md\":\"9cf915fb\",\"library_dash.md\":\"21a35aeb\",\"en_advanced_plugin.md\":\"5f0c8414\",\"library_flv.md\":\"47335600\",\"plugin_hls-quality.md\":\"a05fc742\",\"advanced_class.md\":\"13d61bb3\",\"en_library_flv.md\":\"cea9a5c9\",\"en_start_component.md\":\"d197302e\",\"advanced_plugin.md\":\"2753cbd2\",\"en_advanced_class.md\":\"12f59784\",\"start_setting.md\":\"a1d1798e\",\"en_library_dash.md\":\"e593a852\",\"en_plugin_hls-quality.md\":\"06515f40\",\"en_plugin_iframe.md\":\"d1ca001a\",\"plugin_control-ui.md\":\"772da1a7\",\"en_plugin_ads.md\":\"4e6e07d5\",\"library_hls.md\":\"a6bd8b57\",\"advanced_event.md\":\"c8074df2\",\"en_index.md\":\"19e3cafe\",\"plugin_iframe.md\":\"2ca368e3\",\"index.md\":\"90fac4e4\",\"en_start_setting.md\":\"fad00b17\",\"en_advanced_built-in.md\":\"70716a39\",\"en_advanced_property.md\":\"389dbec6\",\"en_advanced_event.md\":\"718eca2d\",\"en_start_option.md\":\"778063fc\",\"plugin_danmuku.md\":\"d1d80325\",\"advanced_property.md\":\"b656dbdd\",\"start_option.md\":\"7682334c\",\"advanced_built-in.md\":\"be391cb4\"}")</script>
<script type="module" async src="/document/assets/app.b7ede61b.js"></script>
</body>
</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.79a076e7.js">
<link rel="modulepreload" href="/document/assets/app.a9006a39.js">
<link rel="modulepreload" href="/document/assets/advanced_event.md.3db0fb7b.lean.js">
<link rel="modulepreload" href="/document/assets/chunks/virtual_search-data.1556356f.js">
<link rel="modulepreload" href="/document/assets/app.b7ede61b.js">
<link rel="modulepreload" href="/document/assets/advanced_event.md.c8074df2.lean.js">
<script src="/document/main.js"></script>
<link rel="stylesheet" href="/document/style.css">
@@ -337,8 +337,8 @@
<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:#89DDFF;">&#39;</span><span style="color:#C3E88D;">subtitleSwitch</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">url</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>
<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><h2 id="video-canplay" tabindex="-1"><code>video:canplay</code> <a class="header-anchor" href="#video-canplay" aria-hidden="true">#</a></h2><p>浏览器可以播放媒体文件了,但估计没有足够的数据来支撑播放到结束,不必停下来进一步缓冲内容</p><h2 id="video-canplaythrough" tabindex="-1"><code>video:canplaythrough</code> <a class="header-anchor" href="#video-canplaythrough" aria-hidden="true">#</a></h2><p>浏览器估计它可以在不停止内容缓冲的情况下播放媒体直到结束</p><h2 id="video-complete" tabindex="-1"><code>video:complete</code> <a class="header-anchor" href="#video-complete" aria-hidden="true">#</a></h2><p>OfflineAudioContext 渲染完成</p><h2 id="video-durationchange" tabindex="-1"><code>video:durationchange</code> <a class="header-anchor" href="#video-durationchange" aria-hidden="true">#</a></h2><p>duration 属性的值改变时触发</p><h2 id="video-emptied" tabindex="-1"><code>video:emptied</code> <a class="header-anchor" href="#video-emptied" aria-hidden="true">#</a></h2><p>媒体内容变为空;例如,当这个 media 已经加载完成(或者部分加载完成),则发送此事件,并调用 load() 方法重新加载它</p><h2 id="video-ended" tabindex="-1"><code>video:ended</code> <a class="header-anchor" href="#video-ended" aria-hidden="true">#</a></h2><p>视频停止播放,因为 media 已经到达结束点</p><h2 id="video-error" tabindex="-1"><code>video:error</code> <a class="header-anchor" href="#video-error" aria-hidden="true">#</a></h2><p>获取媒体数据时出错,或者资源类型不是受支持的媒体格式</p><h2 id="video-loadeddata" tabindex="-1"><code>video:loadeddata</code> <a class="header-anchor" href="#video-loadeddata" aria-hidden="true">#</a></h2><p>media 中的首帧已经完成加载</p><h2 id="video-loadedmetadata" tabindex="-1"><code>video:loadedmetadata</code> <a class="header-anchor" href="#video-loadedmetadata" aria-hidden="true">#</a></h2><p>已加载元数据</p><h2 id="video-pause" tabindex="-1"><code>video:pause</code> <a class="header-anchor" href="#video-pause" aria-hidden="true">#</a></h2><p>播放已暂停</p><h2 id="video-play" tabindex="-1"><code>video:play</code> <a class="header-anchor" href="#video-play" aria-hidden="true">#</a></h2><p>播放已开始</p><h2 id="video-playing" tabindex="-1"><code>video:playing</code> <a class="header-anchor" href="#video-playing" aria-hidden="true">#</a></h2><p>由于缺乏数据而暂停或延迟后,播放准备开始</p><h2 id="video-progress" tabindex="-1"><code>video:progress</code> <a class="header-anchor" href="#video-progress" aria-hidden="true">#</a></h2><p>在浏览器加载资源时周期性触发</p><h2 id="video-ratechange" tabindex="-1"><code>video:ratechange</code> <a class="header-anchor" href="#video-ratechange" aria-hidden="true">#</a></h2><p>播放速率发生变化</p><h2 id="video-seeked" tabindex="-1"><code>video:seeked</code> <a class="header-anchor" href="#video-seeked" aria-hidden="true">#</a></h2><p>跳帧(seek)操作完成</p><h2 id="video-seeking" tabindex="-1"><code>video:seeking</code> <a class="header-anchor" href="#video-seeking" aria-hidden="true">#</a></h2><p>跳帧(seek)操作开始</p><h2 id="video-stalled" tabindex="-1"><code>video:stalled</code> <a class="header-anchor" href="#video-stalled" aria-hidden="true">#</a></h2><p>用户代理(user agent)正在尝试获取媒体数据,但数据意外未出现</p><h2 id="video-suspend" tabindex="-1"><code>video:suspend</code> <a class="header-anchor" href="#video-suspend" aria-hidden="true">#</a></h2><p>媒体数据加载已暂停</p><h2 id="video-timeupdate" tabindex="-1"><code>video:timeupdate</code> <a class="header-anchor" href="#video-timeupdate" aria-hidden="true">#</a></h2><p>currentTime 属性指定的时间发生变化</p><h2 id="video-volumechange" tabindex="-1"><code>video:volumechange</code> <a class="header-anchor" href="#video-volumechange" aria-hidden="true">#</a></h2><p>音量发生变化</p><h2 id="video-waiting" tabindex="-1"><code>video:waiting</code> <a class="header-anchor" href="#video-waiting" aria-hidden="true">#</a></h2><p>由于暂时缺少数据,播放已停止</p></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-cfb513e0 data-v-21f757Line truncated
<script>__VP_HASH_MAP__ = JSON.parse("{\"advanced_class.md\":\"efc03caf\",\"en_advanced_plugin.md\":\"0bf144da\",\"start_component.md\":\"0df37755\",\"advanced_plugin.md\":\"397679df\",\"advanced_built-in.md\":\"7f07bd39\",\"plugin_control-ui.md\":\"a2e3c687\",\"en_library_flv.md\":\"920acb21\",\"library_dash.md\":\"cd90f0e4\",\"start_setting.md\":\"a7068f83\",\"en_plugin_ads.md\":\"2064840f\",\"plugin_ads.md\":\"e659778a\",\"en_library_hls.md\":\"60332981\",\"en_plugin_hls-quality.md\":\"cfba7713\",\"en_start_setting.md\":\"05c3e8f4\",\"en_advanced_class.md\":\"7b95129c\",\"en_library_dash.md\":\"12064bb1\",\"library_flv.md\":\"b862c4dc\",\"plugin_hls-quality.md\":\"e5c37902\",\"en_start_component.md\":\"cc669234\",\"library_hls.md\":\"794d0a75\",\"advanced_property.md\":\"0ab5f6d7\",\"en_index.md\":\"12824755\",\"plugin_iframe.md\":\"a103fa32\",\"en_plugin_iframe.md\":\"2771beba\",\"en_plugin_control-ui.md\":\"ce0f95c9\",\"index.md\":\"6b8bfbb6\",\"en_advanced_built-in.md\":\"6809ddfb\",\"advanced_event.md\":\"3db0fb7b\",\"start_option.md\":\"becab947\",\"en_advanced_property.md\":\"3ecaffa0\",\"plugin_danmuku.md\":\"a4088269\",\"en_advanced_event.md\":\"d455cf52\",\"en_start_option.md\":\"d8e64b03\"}")</script>
<script type="module" async src="/document/assets/app.a9006a39.js"></script>
<script>__VP_HASH_MAP__ = JSON.parse("{\"plugin_ads.md\":\"9c598046\",\"en_plugin_control-ui.md\":\"a2f48569\",\"start_component.md\":\"ede54d69\",\"en_library_hls.md\":\"9cf915fb\",\"library_dash.md\":\"21a35aeb\",\"en_advanced_plugin.md\":\"5f0c8414\",\"library_flv.md\":\"47335600\",\"plugin_hls-quality.md\":\"a05fc742\",\"advanced_class.md\":\"13d61bb3\",\"en_library_flv.md\":\"cea9a5c9\",\"en_start_component.md\":\"d197302e\",\"advanced_plugin.md\":\"2753cbd2\",\"en_advanced_class.md\":\"12f59784\",\"start_setting.md\":\"a1d1798e\",\"en_library_dash.md\":\"e593a852\",\"en_plugin_hls-quality.md\":\"06515f40\",\"en_plugin_iframe.md\":\"d1ca001a\",\"plugin_control-ui.md\":\"772da1a7\",\"en_plugin_ads.md\":\"4e6e07d5\",\"library_hls.md\":\"a6bd8b57\",\"advanced_event.md\":\"c8074df2\",\"en_index.md\":\"19e3cafe\",\"plugin_iframe.md\":\"2ca368e3\",\"index.md\":\"90fac4e4\",\"en_start_setting.md\":\"fad00b17\",\"en_advanced_built-in.md\":\"70716a39\",\"en_advanced_property.md\":\"389dbec6\",\"en_advanced_event.md\":\"718eca2d\",\"en_start_option.md\":\"778063fc\",\"plugin_danmuku.md\":\"d1d80325\",\"advanced_property.md\":\"b656dbdd\",\"start_option.md\":\"7682334c\",\"advanced_built-in.md\":\"be391cb4\"}")</script>
<script type="module" async src="/document/assets/app.b7ede61b.js"></script>
</body>
</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.79a076e7.js">
<link rel="modulepreload" href="/document/assets/app.a9006a39.js">
<link rel="modulepreload" href="/document/assets/advanced_plugin.md.397679df.lean.js">
<link rel="modulepreload" href="/document/assets/chunks/virtual_search-data.1556356f.js">
<link rel="modulepreload" href="/document/assets/app.b7ede61b.js">
<link rel="modulepreload" href="/document/assets/advanced_plugin.md.2753cbd2.lean.js">
<script src="/document/main.js"></script>
<link rel="stylesheet" href="/document/style.css">
@@ -118,8 +118,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><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-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/advanced/plugin.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/advanced/event.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/plugin/danmuku.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\":\"efc03caf\",\"en_advanced_plugin.md\":\"0bf144da\",\"start_component.md\":\"0df37755\",\"advanced_plugin.md\":\"397679df\",\"advanced_built-in.md\":\"7f07bd39\",\"plugin_control-ui.md\":\"a2e3c687\",\"en_library_flv.md\":\"920acb21\",\"library_dash.md\":\"cd90f0e4\",\"start_setting.md\":\"a7068f83\",\"en_plugin_ads.md\":\"2064840f\",\"plugin_ads.md\":\"e659778a\",\"en_library_hls.md\":\"60332981\",\"en_plugin_hls-quality.md\":\"cfba7713\",\"en_start_setting.md\":\"05c3e8f4\",\"en_advanced_class.md\":\"7b95129c\",\"en_library_dash.md\":\"12064bb1\",\"library_flv.md\":\"b862c4dc\",\"plugin_hls-quality.md\":\"e5c37902\",\"en_start_component.md\":\"cc669234\",\"library_hls.md\":\"794d0a75\",\"advanced_property.md\":\"0ab5f6d7\",\"en_index.md\":\"12824755\",\"plugin_iframe.md\":\"a103fa32\",\"en_plugin_iframe.md\":\"2771beba\",\"en_plugin_control-ui.md\":\"ce0f95c9\",\"index.md\":\"6b8bfbb6\",\"en_advanced_built-in.md\":\"6809ddfb\",\"advanced_event.md\":\"3db0fb7b\",\"start_option.md\":\"becab947\",\"en_advanced_property.md\":\"3ecaffa0\",\"plugin_danmuku.md\":\"a4088269\",\"en_advanced_event.md\":\"d455cf52\",\"en_start_option.md\":\"d8e64b03\"}")</script>
<script type="module" async src="/document/assets/app.a9006a39.js"></script>
<script>__VP_HASH_MAP__ = JSON.parse("{\"plugin_ads.md\":\"9c598046\",\"en_plugin_control-ui.md\":\"a2f48569\",\"start_component.md\":\"ede54d69\",\"en_library_hls.md\":\"9cf915fb\",\"library_dash.md\":\"21a35aeb\",\"en_advanced_plugin.md\":\"5f0c8414\",\"library_flv.md\":\"47335600\",\"plugin_hls-quality.md\":\"a05fc742\",\"advanced_class.md\":\"13d61bb3\",\"en_library_flv.md\":\"cea9a5c9\",\"en_start_component.md\":\"d197302e\",\"advanced_plugin.md\":\"2753cbd2\",\"en_advanced_class.md\":\"12f59784\",\"start_setting.md\":\"a1d1798e\",\"en_library_dash.md\":\"e593a852\",\"en_plugin_hls-quality.md\":\"06515f40\",\"en_plugin_iframe.md\":\"d1ca001a\",\"plugin_control-ui.md\":\"772da1a7\",\"en_plugin_ads.md\":\"4e6e07d5\",\"library_hls.md\":\"a6bd8b57\",\"advanced_event.md\":\"c8074df2\",\"en_index.md\":\"19e3cafe\",\"plugin_iframe.md\":\"2ca368e3\",\"index.md\":\"90fac4e4\",\"en_start_setting.md\":\"fad00b17\",\"en_advanced_built-in.md\":\"70716a39\",\"en_advanced_property.md\":\"389dbec6\",\"en_advanced_event.md\":\"718eca2d\",\"en_start_option.md\":\"778063fc\",\"plugin_danmuku.md\":\"d1d80325\",\"advanced_property.md\":\"b656dbdd\",\"start_option.md\":\"7682334c\",\"advanced_built-in.md\":\"be391cb4\"}")</script>
<script type="module" async src="/document/assets/app.b7ede61b.js"></script>
</body>
</html>
+8 -8
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.79a076e7.js">
<link rel="modulepreload" href="/document/assets/app.a9006a39.js">
<link rel="modulepreload" href="/document/assets/advanced_property.md.0ab5f6d7.lean.js">
<link rel="modulepreload" href="/document/assets/chunks/virtual_search-data.1556356f.js">
<link rel="modulepreload" href="/document/assets/app.b7ede61b.js">
<link rel="modulepreload" href="/document/assets/advanced_property.md.b656dbdd.lean.js">
<script src="/document/main.js"></script>
<link rel="stylesheet" href="/document/style.css">
@@ -113,7 +113,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;">seek</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">=</span><span style="color:#F07178;"> </span><span style="color:#F78C6C;">10</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#82AAFF;">setTimeout</span><span style="color:#F07178;">(</span><span style="color:#89DDFF;">()</span><span style="color:#F07178;"> </span><span style="color:#C792EA;">=&gt;</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line highlighted"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">art</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">switchUrl</span><span style="color:#F07178;">(</span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">/assets/sample/video.mp4?t=0</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">新视频名字</span><span style="color:#89DDFF;">&#39;</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
<span class="line highlighted"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">art</span><span style="color:#89DDFF;">.</span><span style="color:#82AAFF;">switchUrl</span><span style="color:#F07178;">(</span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">/assets/sample/video.mp4?t=0</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">New Video Name</span><span style="color:#89DDFF;">&#39;</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>
<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></div></div><h2 id="switchquality" tabindex="-1"><code>switchQuality</code> <a class="header-anchor" href="#switchquality" aria-hidden="true">#</a></h2><ul><li>Type: <code>Function</code></li><li>Parameter: <code>String</code></li></ul><p>设置视频画质地址,和 <code>switchUrl</code> 类似,但会带上之前的播放进度</p><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>
@@ -187,7 +187,7 @@
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#F07178;">controls</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:#A6ACCD;"> </span><span style="color:#F07178;">position</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">right</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;">html</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">全屏开关</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;">html</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">Fullscreen Switch</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#82AAFF;">click</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#C792EA;">function</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">()</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span></span>
<span class="line highlighted"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">art</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">fullscreen</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">=</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">!</span><span style="color:#A6ACCD;">art</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">fullscreen</span><span style="color:#89DDFF;">;</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">},</span></span>
@@ -335,7 +335,7 @@
<span class="line"></span>
<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;">title</span><span style="color:#F07178;">)</span><span style="color:#89DDFF;">;</span></span>
<span class="line highlighted"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">art</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">title</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">=</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">新标题</span><span style="color:#89DDFF;">&#39;</span><span style="color:#89DDFF;">;</span></span>
<span class="line highlighted"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">art</span><span style="color:#89DDFF;">.</span><span style="color:#A6ACCD;">title</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">=</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">&#39;</span><span style="color:#C3E88D;">New Title</span><span style="color:#89DDFF;">&#39;</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;">title</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>
<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></div></div><h2 id="type" tabindex="-1"><code>type</code> <a class="header-anchor" href="#type" aria-hidden="true">#</a></h2><ul><li>Type: <code>Setter/Getter</code></li><li>Parameter: <code>String</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>
@@ -410,8 +410,8 @@
<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>
<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></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/advanced/property.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/setting.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/built-in.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\":\"efc03caf\",\"en_advanced_plugin.md\":\"0bf144da\",\"start_component.md\":\"0df37755\",\"advanced_plugin.md\":\"397679df\",\"advanced_built-in.md\":\"7f07bd39\",\"plugin_control-ui.md\":\"a2e3c687\",\"en_library_flv.md\":\"920acb21\",\"library_dash.md\":\"cd90f0e4\",\"start_setting.md\":\"a7068f83\",\"en_plugin_ads.md\":\"2064840f\",\"plugin_ads.md\":\"e659778a\",\"en_library_hls.md\":\"60332981\",\"en_plugin_hls-quality.md\":\"cfba7713\",\"en_start_setting.md\":\"05c3e8f4\",\"en_advanced_class.md\":\"7b95129c\",\"en_library_dash.md\":\"12064bb1\",\"library_flv.md\":\"b862c4dc\",\"plugin_hls-quality.md\":\"e5c37902\",\"en_start_component.md\":\"cc669234\",\"library_hls.md\":\"794d0a75\",\"advanced_property.md\":\"0ab5f6d7\",\"en_index.md\":\"12824755\",\"plugin_iframe.md\":\"a103fa32\",\"en_plugin_iframe.md\":\"2771beba\",\"en_plugin_control-ui.md\":\"ce0f95c9\",\"index.md\":\"6b8bfbb6\",\"en_advanced_built-in.md\":\"6809ddfb\",\"advanced_event.md\":\"3db0fb7b\",\"start_option.md\":\"becab947\",\"en_advanced_property.md\":\"3ecaffa0\",\"plugin_danmuku.md\":\"a4088269\",\"en_advanced_event.md\":\"d455cf52\",\"en_start_option.md\":\"d8e64b03\"}")</script>
<script type="module" async src="/document/assets/app.a9006a39.js"></script>
<script>__VP_HASH_MAP__ = JSON.parse("{\"plugin_ads.md\":\"9c598046\",\"en_plugin_control-ui.md\":\"a2f48569\",\"start_component.md\":\"ede54d69\",\"en_library_hls.md\":\"9cf915fb\",\"library_dash.md\":\"21a35aeb\",\"en_advanced_plugin.md\":\"5f0c8414\",\"library_flv.md\":\"47335600\",\"plugin_hls-quality.md\":\"a05fc742\",\"advanced_class.md\":\"13d61bb3\",\"en_library_flv.md\":\"cea9a5c9\",\"en_start_component.md\":\"d197302e\",\"advanced_plugin.md\":\"2753cbd2\",\"en_advanced_class.md\":\"12f59784\",\"start_setting.md\":\"a1d1798e\",\"en_library_dash.md\":\"e593a852\",\"en_plugin_hls-quality.md\":\"06515f40\",\"en_plugin_iframe.md\":\"d1ca001a\",\"plugin_control-ui.md\":\"772da1a7\",\"en_plugin_ads.md\":\"4e6e07d5\",\"library_hls.md\":\"a6bd8b57\",\"advanced_event.md\":\"c8074df2\",\"en_index.md\":\"19e3cafe\",\"plugin_iframe.md\":\"2ca368e3\",\"index.md\":\"90fac4e4\",\"en_start_setting.md\":\"fad00b17\",\"en_advanced_built-in.md\":\"70716a39\",\"en_advanced_property.md\":\"389dbec6\",\"en_advanced_event.md\":\"718eca2d\",\"en_start_option.md\":\"778063fc\",\"plugin_danmuku.md\":\"d1d80325\",\"advanced_property.md\":\"b656dbdd\",\"start_option.md\":\"7682334c\",\"advanced_built-in.md\":\"be391cb4\"}")</script>
<script type="module" async src="/document/assets/app.b7ede61b.js"></script>
</body>
</html>