vuepress-theme-plume/assets/bilibili-aNTr3zF4.js

import{$ as e,B as t,P as n,_ as r,f as i,g as a,h as o,l as s}from"./runtime-core.esm-bundler-CZvn3YaB.js";import{t as c}from"./plugin-vue_export-helper-CxTVcLa7.js";var l=JSON.parse(`{"path":"/en/guide/embed/video/bilibili/","title":"Bilibili Video | Guide","lang":"en-US","frontmatter":{"title":"Bilibili Video","icon":"ri:bilibili-fill","createTime":"2025/10/08 12:26:47","permalink":"/en/guide/embed/video/bilibili/","description":"Overview The theme provides the capability to embed Bilibili videos. This feature is powered by . Configuration This feature is disabled by default. You need to enable it in the...","head":[["script",{"type":"application/ld+json"},"{\\"@context\\":\\"https://schema.org\\",\\"@type\\":\\"Article\\",\\"headline\\":\\"Bilibili Video\\",\\"image\\":[\\"\\"],\\"dateModified\\":\\"2025-10-09T07:46:05.000Z\\",\\"author\\":[]}"],["meta",{"property":"og:url","content":"https://theme-plume.vuejs.press/en/guide/embed/video/bilibili/"}],["meta",{"property":"og:site_name","content":"Plume Theme"}],["meta",{"property":"og:title","content":"Bilibili Video"}],["meta",{"property":"og:description","content":"Overview The theme provides the capability to embed Bilibili videos. This feature is powered by . Configuration This feature is disabled by default. You need to enable it in the..."}],["meta",{"property":"og:type","content":"article"}],["meta",{"property":"og:locale","content":"en-US"}],["meta",{"property":"og:locale:alternate","content":"zh-CN"}],["meta",{"property":"og:updated_time","content":"2025-10-09T07:46:05.000Z"}],["meta",{"property":"article:modified_time","content":"2025-10-09T07:46:05.000Z"}],["link",{"rel":"alternate","hreflang":"zh-cn","href":"https://theme-plume.vuejs.press/guide/embed/video/bilibili/"}]]},"readingTime":{"minutes":0.68,"words":204},"git":{"createdTime":1759995965000,"updatedTime":1759995965000,"contributors":[{"name":"pengzhanbo","username":"pengzhanbo","email":"volodymyr@foxmail.com","commits":1,"avatar":"https://avatars.githubusercontent.com/pengzhanbo?v=4","url":"https://github.com/pengzhanbo"}],"changelog":[{"hash":"385059f214cb07fc9a098859e889432fb81f998b","time":1759995965000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: update en docs (#708)"}]},"autoDesc":true,"filePathRelative":"en/guide/embed/bilibili.md","headers":[],"bulletin":false}`),u={name:`bilibili.md`},d={class:`code-block-title`,"data-title":`.vuepress/config.ts`},f={class:`code-block-title-bar`},p={class:`title`};function m(c,l,u,m,h,g){let _=t(`VPLink`),v=t(`VPIcon`),y=t(`VPVideoEmbed`);return n(),i(`div`,null,[l[5]||=s(`h2`,{id:`overview`,tabindex:`-1`},[s(`a`,{class:`header-anchor`,href:`#overview`},[s(`span`,null,`Overview`)])],-1),l[6]||=s(`p`,null,`The theme provides the capability to embed Bilibili videos.`,-1),s(`p`,null,[l[1]||=a(`This feature is powered by `,-1),r(_,{href:`../../config/plugins/markdownPower.md`},{default:e(()=>[...l[0]||=[a(`vuepress-plugin-md-power`,-1)]]),_:1}),l[2]||=a(`.`,-1)]),l[7]||=s(`h2`,{id:`configuration`,tabindex:`-1`},[s(`a`,{class:`header-anchor`,href:`#configuration`},[s(`span`,null,`Configuration`)])],-1),l[8]||=s(`p`,null,`This feature is disabled by default. You need to enable it in the theme configuration.`,-1),s(`div`,d,[s(`div`,f,[s(`span`,p,[r(v,{provider:`iconify`,name:`vscode-icons:file-type-typescript`}),l[3]||=a(`.vuepress/config.ts`,-1)])]),l[4]||=o(`<div class="language-ts" data-highlighter="shiki" data-ext="ts" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark has-diff vp-code"><code class="language-ts"><span class="line"><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">export</span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;"> default</span><span style="--shiki-light:#59873A;--shiki-dark:#80A665;"> defineUserConfig</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">({</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">  theme</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#59873A;--shiki-dark:#80A665;">plumeTheme</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">({</span></span>
<span class="line"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">    markdown</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: {</span></span>
<span class="line diff add"><span style="--shiki-light:#998418;--shiki-dark:#B8A965;">      bilibili</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">: </span><span style="--shiki-light:#1E754F;--shiki-dark:#4D9375;">true</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">, </span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">    },</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">  })</span></span>
<span class="line"><span style="--shiki-light:#999999;--shiki-dark:#666666;">})</span></span></code></pre></div>`,1)]),l[9]||=o(`<h2 id="syntax" tabindex="-1"><a class="header-anchor" href="#syntax"><span>Syntax</span></a></h2><p>Simple syntax:</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">@</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">[</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">bilibili</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">](</span><span style="--shiki-light:#393A3490;--shiki-light-text-decoration:underline;--shiki-dark:#DEDCD590;--shiki-dark-text-decoration:underline;">bvid</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">)</span></span></code></pre></div><p>For videos with multiple parts, add <code>p1</code>, <code>p2</code>, <code>p3</code> etc. after <code>bilibili</code>:</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">@[bilibili p1](aid cid)</span></span></code></pre></div><p>More options:</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">@[bilibili p1 autoplay time=&quot;0&quot; width=&quot;100%&quot; height=&quot;400px&quot; ratio=&quot;16:9&quot;](bvid aid cid)</span></span></code></pre></div><p><strong>Parameter Description:</strong></p><ul><li>bvid: Video BV ID</li><li>aid: Video AID</li><li>cid: Video CID</li><li>autoplay: Whether to enable autoplay</li><li>time: Video playback start time in seconds, or in <code>mm:ss</code> or <code>hh:mm:ss</code> format</li><li>width: Video width</li><li>height: Video height</li><li>ratio: Video aspect ratio, defaults to <code>16:9</code></li></ul><p>For videos with multiple parts, <code>bvid</code> can be omitted, but <code>aid</code> and <code>cid</code> must be provided.</p><h2 id="examples" tabindex="-1"><a class="header-anchor" href="#examples"><span>Examples</span></a></h2><h3 id="widescreen-video" tabindex="-1"><a class="header-anchor" href="#widescreen-video"><span>Widescreen Video</span></a></h3><p>Input:</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">@</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">[</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">bilibili</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">](</span><span style="--shiki-light:#393A3490;--shiki-light-text-decoration:underline;--shiki-dark:#DEDCD590;--shiki-dark-text-decoration:underline;">BV1EZ42187Hg</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">)</span></span></code></pre></div><p>Output:</p>`,15),r(y,{src:`https://player.bilibili.com/player.html?bvid=BV1EZ42187Hg&autoplay=0&high_quality=1`,width:`100%`,title:`Bilibili`,type:`bilibili`}),l[10]||=o(`<h3 id="vertical-video" tabindex="-1"><a class="header-anchor" href="#vertical-video"><span>Vertical Video</span></a></h3><p>Input:</p><div class="language-md" data-highlighter="shiki" data-ext="md" style="--shiki-light:#393a34;--shiki-dark:#dbd7caee;--shiki-light-bg:#ffffff;--shiki-dark-bg:#121212;"><pre class="shiki shiki-themes vitesse-light vitesse-dark vp-code"><code class="language-md"><span class="line"><span style="--shiki-light:#393A34;--shiki-dark:#DBD7CAEE;">@</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">[</span><span style="--shiki-light:#B56959;--shiki-dark:#C98A7D;">bilibili width=&quot;320px&quot; ratio=&quot;9:16&quot;</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">](</span><span style="--shiki-light:#393A3490;--shiki-light-text-decoration:underline;--shiki-dark:#DEDCD590;--shiki-dark-text-decoration:underline;">BV1zr42187eg</span><span style="--shiki-light:#999999;--shiki-dark:#666666;">)</span></span></code></pre></div><p>Output:</p>`,4),r(y,{src:`https://player.bilibili.com/player.html?bvid=BV1zr42187eg&autoplay=0&high_quality=1`,width:`320px`,ratio:`9:16`,title:`Bilibili`,type:`bilibili`})])}var h=c(u,[[`render`,m]]);export{l as _pageData,h as default};