更新油管视频
This commit is contained in:
parent
04cb224395
commit
73efaa027a
@ -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);
|
||||||
|
@ -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>
|
||||||
|
|
||||||
|
4
index.md
4
index.md
@ -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>
|
||||||
|
@ -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>
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user