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

  • 相关阅读:
    HUST 1372 marshmallow
    HUST 1371 Emergency relief
    CodeForces 629D Babaei and Birthday Cake
    CodeForces 629C Famil Door and Brackets
    ZOJ 3872 Beauty of Array
    ZOJ 3870 Team Formation
    HDU 5631 Rikka with Graph
    HDU 5630 Rikka with Chess
    CodeForces 626D Jerry's Protest
    【POJ 1964】 City Game
  • 原文地址:https://www.cnblogs.com/artoriax/p/10364915.html
Copyright © 2011-2022 走看看