博客内插入bilibili视频

本文详细介绍如何在文章中嵌入Bilibili视频,包括获取视频CID和使用iframe标签进行嵌入的具体步骤,同时提供了推荐的编辑器和代码示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

原理

使用iframe标签,更改其中src的aid和cid,使其对应要插入的视频,即可在文章内插入bilibili视频

获取cid

aid即为视频的av号,cid有两种获取方式,一是通过bilibili分享按钮直接可以看到嵌入代码,将代码内的cid复制即可(推荐),二是通过网页源代码查看(之前没有注意到到还能直接从分享按钮里看)。

这里简单介绍一下通过网页源代码看的方法:

  1. 右键,查看网页源代码(不能F12,F12看不到cid)
  2. ctrl+f 搜索cid,即可找到对应的cid。

插入方法

使用tinymce编辑器,选择编辑html原代码,插入以下代码即可

<iframe src="//player.bilibili.com/player.html?aid=对应aid&amp;cid=对应cid&amp;page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="95%" height="450">
</iframe>

注:不建议直接使用bilibili的嵌入代码,样式较丑,当然你会自己调的话也可以

示例

示例使用Umika的“秋山澪与折木奉太郎的爱情故事 // Our Tapes”,非常棒的AMV,绝对的神作

转载于:https://www.cnblogs.com/artoriax/p/10364915.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值