zoukankan      html  css  js  c++  java
  • 博客内插入bilibili视频

    原理

    使用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,绝对的神作

  • 相关阅读:
    Zabbix Server 和 Zabbix Agentd 开机自动运行
    nginx+keepalive实现高可用负载均衡
    zabbix添加对web页面url的状态监控
    Zabbix当内存剩余不足10%的时候触发报警
    zabbix cpu监控介绍
    bash小结
    数据库知识入门
    MySQL简单管理
    python环境
    paramiko实现putty功能
  • 原文地址:https://www.cnblogs.com/artoriax/p/10364915.html
Copyright © 2011-2022 走看看