更新油管视频

This commit is contained in:
锦恢 2025-06-10 02:58:09 +08:00
parent 04cb224395
commit 73efaa027a
4 changed files with 25 additions and 10 deletions

View File

@ -99,6 +99,8 @@ onMounted(() => {
min-height: 225px; min-height: 225px;
width: 52.36vw; width: 52.36vw;
height: 28.26vw; height: 28.26vw;
border: 2px solid var(--vp-c-brand-3);
border-radius: 8px;
aspect-ratio: 16/9; aspect-ratio: 16/9;
border-radius: .5em; border-radius: .5em;
overflow: hidden; overflow: hidden;
@ -106,6 +108,21 @@ onMounted(() => {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
} }
@media (max-width: 2700px) {
.bilibili-player-container {
width: 88%;
height: 100%;
}
}
@media (max-width: 1200px) {
.bilibili-player-container {
width: 95%;
height: 100%;
}
}
.bilibili-player-container:hover { .bilibili-player-container:hover {
border-color: var(--vp-c-brand-1); border-color: var(--vp-c-brand-1);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);

View File

@ -46,10 +46,9 @@ Resolve Issues in Your MCP Agent Development
<span>Providing Fun and Convenience for Your MCP Agent Development</span> <span>Providing Fun and Convenience for Your MCP Agent Development</span>
</h2> </h2>
<BiliPlayer <div class="bilibili-player-container" style="display:flex; width: 100%; justify-content: center;">
url="//player.bilibili.com/player.html?isOutside=true&aid=114445745397200&bvid=BV1zYGozgEHcautoplay=false" <iframe width="90%" height="580" src="https://www.youtube.com/embed/S7igsEhcLiw?si=6sqvbYJxSRoFS26g" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
cover="https://picx.zhimg.com/80/v2-8c1f5d99066ed272554146ed8caf7cc3_1440w.png" </div>
/>
<br> <br>

View File

@ -49,8 +49,8 @@ features:
</h2> </h2>
<BiliPlayer <BiliPlayer
url="//player.bilibili.com/player.html?isOutside=true&aid=114445745397200&bvid=BV1zYGozgEHcautoplay=false" url="//player.bilibili.com/player.html?isOutside=true&aid=114654638511901&bvid=BV1MFTBzpEtZ&cid=30412178228&p=1"
cover="https://picx.zhimg.com/80/v2-8c1f5d99066ed272554146ed8caf7cc3_1440w.png" cover="https://picx.zhimg.com/80/v2-ed6a7eb80dfeb2f188f11d89ca6c4b5a_1440w.png"
/> />
<br> <br>

View File

@ -46,10 +46,9 @@ features:
<span>MCPエージェント開発に楽しさと利便性をもたらす</span> <span>MCPエージェント開発に楽しさと利便性をもたらす</span>
</h2> </h2>
<BiliPlayer <div class="bilibili-player-container" style="display:flex; width: 100%; justify-content: center;">
url="//player.bilibili.com/player.html?isOutside=true&aid=114445745397200&bvid=BV1zYGozgEHcautoplay=false" <iframe width="90%" height="580" src="https://www.youtube.com/embed/S7igsEhcLiw?si=6sqvbYJxSRoFS26g" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
cover="https://picx.zhimg.com/80/v2-8c1f5d99066ed272554146ed8caf7cc3_1440w.png" </div>
/>
<br> <br>