Fork me on GitHub

hexo中插入bilibili视频

字数统计: 276字   |   阅读时长≈ 1分

1.原理

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

2.获取cid

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

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

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

3.插入方法

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

1
2
<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>

4.示例

示例使用《我的英雄学院》。所谓英雄，就是无论何时都能打破困境之人，希望每个人能成为自己的英雄！

赏

谢谢你的关注

支付宝
微信

扫一扫，分享到微信

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia-plus根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

标签：爱读书的计算机渣硕
Java、Python、Linux



都懂一些

自学前端ing


生活不允许普通人内向 ​​​