博客内插入bilibili视频
原理
使用iframe标签,更改其中src的aid和cid,使其对应要插入的视频,即可在文章内插入bilibili视频
获取cid
aid即为视频的av号,cid有两种获取方式,一是通过bilibili分享按钮直接可以看到嵌入代码,将代码内的cid复制即可(推荐),二是通过网页源代码查看(之前没有注意到到还能直接从分享按钮里看)。
这里简单介绍一下通过网页源代码看的方法:
- 右键,查看网页源代码(不能F12,F12看不到cid)
- ctrl+f 搜索cid,即可找到对应的cid。
插入方法
使用tinymce编辑器,选择编辑html原代码,插入以下代码即可
<iframesrc="//player.bilibili.com/player.html?aid=对应aid&cid=对应cid&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
博客内插入bilibili视频相关推荐
- html中怎样插入视频博客园,关于博客园内嵌入bilibili视频
一.原理 使用iframe标签,更改其中src对应bilibili视频的aid和cid,组装新的HTML源码,即可在文章内嵌入bilibili视频. 二.获取aid和cid aid为视频的av号,但是 ...
- 关于博客园内嵌入bilibili视频
原文:https://www.cnblogs.com/wkfvawl/p/12268980.html 一.原理 使用iframe标签,更改其中src对应bilibili视频的aid和cid,组装新的H ...
- Hexo博客Next主题bilibili视频Markdown插入文章
问题及需求 B站视频无广告有弹幕,非常简洁,经常看B站视频,在文章引用B站的视频 在不用插件的情况下用官方的iframe方式引入视频,默认的方式导入视频屏幕会很小 一般我们都是自己改width和hei ...
- wordpress插入bilibili视频
bilibili是中国大陆一个ACG相关的弹幕视频分享网站,也被称为哔哩哔哩.B站,其前身为视频分享网站Mikufans.站内视频很多都是来源于日本电视台播出的新番动画,NICONICO动画,Yout ...
- wordpress插入bilibili视频 1
wordpress插入bilibili视频 bilibili是中国大陆一个ACG相关的弹幕视频分享网站,也被称为哔哩哔哩.B站,其前身为视频分享网站Mikufans.站内视频很多都是来源于日本电视台播 ...
- java怎么在页面插入视频,如何在博客园中插入视频、音频、网页
相信很多人都有这样的经历,当我们想在博客中插入视频.音频或者其他网页时,往往效果并不是我们想要的,因此分享一个小技巧: 1. iframe 是HTML语言的一个标签,标签定义了一个内联框架,这个内联框 ...
- 装饰博客全攻略(如何在博客首页或博客中插入图片、音乐、视频等)
一.在博客中插入图片. 以下是代码: <img src="http://图片地址" border="0" width="344" he ...
- 在Hexo搭建的博客中插入音乐或者视频
原文地址在Hexo搭建的博客中插入音乐或者视频 用hexo搭建博客后,记录了自己生活和学习中的很多事情.今天偶然想到能不能在博客中插入音乐和视频呢?然后就开始了今天的历程.... hexo-tag-a ...
- 新浪博客中插入高亮代码
在ie浏览器里可以用,但是不知道mac有没有这个插件 原文地址:新浪博客中插入高亮代码作者:木子超-同学 一. Sublime text 3是一个强大的代码编辑软件,强烈推荐 ...
最新文章
- 请选择JAVA中有效的标识_Java中有效的标识符是什么?
- Bootstrap 字体图标(Glyphicons)
- Cisco 3550配置DHCP的实际经验
- php实现解压功能的函数
- hbase单机模式配置
- sql进程意外终止_字节跳动五面都过了,竟然意外被刷了下来,问了hr原因竟说是。。。。。...
- android沉浸式状态栏封装—教你玩出新花样
- cache 的设计与实现
- c语言银行排队系统链表,银行预约排队系统(数据结构问题)
- 24Ghz毫米波雷达,人体存在检测轨迹检测雷达传感模块,应用智能家居
- win10电脑忘记开机密码的解锁方法
- 学习笔记-OS - Exploits
- [Android] 安卓迅雷带云盘内测版7.0 简洁 无广告 官方版
- java中的NIO是什么?
- 一个矩阵与单位矩阵相乘等于本身吗?并且符合交换律吗?
- php 503解决办法,php设置页面返回503状态-php设置503http状态的方法-吾爱编程网
- 去除input search框输入自带的叉号
- 海康威视(HIKViSION)2009年校园招聘笔试题-杭州(1)
- 百度今天怎么打不开了
- 整理文件夹保存同一目录,并统一重命名文件夹名
热门文章
- 千锋逆战班学习第二十五天
- android poi webview,java-Android(4.4)WebView第二次加载时不显示ifra...
- 快速实现分列转到行(SQL版)一个问题,三种解法!
- lms c语言,LMS算法实现自适应滤波器(C语言版)
- 研究亥姆霍兹线圈轴线磁场分布
- 一个从阿里面试回来的程序员的感想
- c 标准和c++标准
- csgo社区服务器维护怎么玩躲猫猫,csgo国服怎么玩躲猫猫 国服躲猫猫快速进入方法...
- 【每日新闻】Gartner:2017年CRM跃升为规模最大、增速最快的软件市场 | 中国科学家发现神奇半导体材料...
- vue引入地图,实现搜索添加地图位置点,点击地图获取位置信息