【LittleXi】如何将bilibili中的视频嵌入到自己网页中

已于 2023-12-12 18:53:01 修改
阅读量5.2k 收藏 20
点赞数 11
文章标签： xhtml
于 2022-10-17 23:32:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_68591679/article/details/127379647
版权

【LittleXi】如何将bilibili中的视频嵌入到自己网页中

省流版

1、在b站找到自己想要的视频，鼠标移到视频上，点击右键获取视频的地址。
2、点击打开网站
3、将复制的地址粘到刚刚打开的网站中解码得到AID和CID
4、将下述网站的AID和CID替换成我们刚刚得到的值，替换完成后点开下述网站
https://api.bilibili.com/x/player/playurl?avid=AID&cid=CID&qn=1&type=&otype=json&platform=html5&high_quality=1
5、CV新造出来的网站中的url地址，就是b站视频的标准地址了

图文版

第一步

在b站找到自己想要的视频，鼠标移到视频上，点击右键获取视频的地址。
请添加图片描述

第二步

点击打开网站
在这里插入图片描述

第三步

将复制的地址粘到刚刚打开的网站中解码得到AID和CID
在这里插入图片描述

第四步

将下述网站的AID和CID替换成我们刚刚得到的值，替换完成后点开下述网站
https://api.bilibili.com/x/player/playurl?avid=AID&cid=CID&qn=1&type=&otype=json&platform=html5&high_quality=1
在这里插入图片描述

第五步

CV新造出来的网站中的url地址，就是b站视频的标准地址了
在这里插入图片描述

第六步

将得到的标准地址直接嵌入到自己的网页中就行啦
在这里插入图片描述

Little Xi
关注
  • 11
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 24
    评论
html添加B站视频,iframe嵌入BiliBili视频方法B站视频外链
weixin_39578513的博客
06-17 7389
iframe嵌入BiliBili视频方法B站视频外链BILIBILI 地址PC端参数&danmaku=0 (1=打开弹幕 0=关闭弹幕)iframe 参数allowfullscreen="allowfullscreen" #移动端全屏sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts" #禁...
如何在WordPress插入Bilibili视频
fulk6667g78o8的专栏
05-02 1219
由于B站的无广告特性，现在很多小伙伴都喜欢去B站，给自己喜欢的UP主一键三联。但B站自带的分享嵌入，插入到WordPress中，很丑很丑。因此，找了各种资料，发现加点代码即可实现自适应，且美观大气。B站自带的分享操作如下图：# 默认分享嵌入代码： <iframe src="//player.bilibili.com/player.html?aid=630411817&bvid=BV1G84y1c76n&cid=335718222&page=1" scrolling="no" b
网站引入b站视频的方法
程序员
07-08 6336
当我们做网站时需要引入B站视频，该怎么办呢，其实B站已经给我们提供了引入代码，把下方代码中的地址替换成你想要引入的视频地址即可 <fieldset><iframe src="//player.bilibili.com/player.html?aid=753941281&bvid=BV1Zk4y127E5&cid=215189705&page=1" width="1024" height="640" frameborder="no" scrolling="n.
wordpress里面嵌入哔哩哔哩视频的方法
最新发布
fofu33的专栏
06-06 430
非常的难受，就需要更改一下代码。我们正常如果从blibli获取视频分享链接然后在wordpress里面视频URL插入，发现是播放不了的。将里面的aid值换成你自己的就可以了。下面是我嵌入后的视频效果。而视频嵌入代码直接粘贴呢窗口又非常的小。或者你直接用下面的直接更改。
关于怎么在自己的网站上面引入B站视频以及视频号的视频
huatian120的博客
07-09 866
【代码】关于怎么在自己的网站上面引入B站视频以及视频号的视频。
接入B站iframe视频(bilibili引用视频)
热门推荐
不知名的上班族-老王
06-28 8万+
文章目录前言已解决的坑按比例播放视频视频清晰度问题iPhone 播放自动放大问题解决自动跳转到B站APP (Universal Links)待填的坑各位大佬网站 前言 因为公司要搞一些视频给客户看, 然后对比了各种视频网站, 各种广告什么的, 体验都不好. 选来选去, 还是B站好, 而且自己又是B站大会员用户 ( 其实早就内定了 ✧(≖ ◡ ≖) ) 这里总结一下碰到的一些坑吧 已解决的坑 按比例...
【html+css+js】如何轻松在网页中嵌入b站视频？
归忆_AC的博客
08-09 5710
教你轻松上手在网页中嵌入b站视频，简单的运用了html+css+js的知识，看不懂的直接按部就班也行。
HTML中嵌入B站视频
小电车没有名字
02-16 3802
HTML中嵌入B站视频
网页嵌入b站视频资源
爱吃桃儿的冰冰的博客
07-26 1056
b站资源网页嵌入代码
网页内嵌B站视频，隐藏相关控件
偷得浮生半日闲
07-19 1723
网页内嵌B站视频主要是用其中为必填，其它参数可以不填这个aid怎么获取呢？这就需要请求B站这个接口了。
【Bilibili视频嵌入技巧】如何嵌入720PBilibili视频
每日出拳老爷子的博客
11-16 4244
如果你需要将Bilibili的视频分享在别的论坛，Bilibili的视频分享有一个很方便的嵌入选项，点击后会自动复制嵌入视频前端代码到剪贴板。嵌入代码如下：
python 基于 websocket 的简单将视频推流到网页
Jiangnan_Cai的博客
03-20 2198
websocket, python, opencv, html
网页中嵌入B站视频
scoutee的博客
11-26 4336
参考链接：网页中嵌入b站视频_技术小窝-CSDN博客 但是改用http来写 <iframe src="http://player.bilibili.com/player.html?aid=634151915&bvid=BV1Jb4y1t7uv&cid=440784525&page=1" scrolling="yes" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="wid
HTML插入视频和音频(详解)
sweetser的博客
12-13 5829
HTML5未出来之前，在线的音频和视频都是借助Flash或者第三方工具实现的，现在HTML5也支持了这方面的功能。在一个支持HTML5的浏览器中，不需要安装任何插件就能播放音频和视频。原生的支持音频和视频，为HTML5注入了巨大的发展潜力。html实现音频嵌入(传统方式)：这种方式虽然可以实现，但是要浏览器支持Flash而且并不能实现控制，所以要实现起来很麻烦。--传统的视频插入方式-->
B站视频嵌入博客文章的自适应代码
软希网分享源码的博客
11-07 1429
B站视频嵌入博客文章的自适应代码
在wordpress中插入b站视频的代码
粗浅的入门功夫
01-11 2077
在嵌入代码的后面加上： style="width: 100%; height: 500px; max-width: 100%；align:center; padding:20px 0; 也就是 <iframe src="//player.bilibili.com/player.html?aid=928620141&amp;bvid=这里替换成自己的视频地址id号&amp;cid=277141946&amp;page=1" scrolling="no" border="0".
在网页中使用iframe嵌入B站视频（腾讯视频同理）
DSH964的博客
07-08 5万+
先上效果：首先是自己的页面：点击图片后出现一个遮罩、遮罩上显示B站的视频：这个效果很常见，例如在索尼中国的网站中：点击图中的播放图标会出现腾讯视频的iframe窗口：那么下面来看代码：&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt
网页中嵌入b站视频
技术小窝
08-25 9403
这两天尝试hexo做自己博客页面，发现b站的视频用b站分享的链接可以播放但是没有时间条。 网上搜了一下，用以下格式即可。 <iframe src="//player.bilibili.com/player.html?aid=65303611&cid=113333273&page=1" scrolling="no" border="0" frameborder="no" f...
【littlexi】操作系统
12-05
操作系统是计算机系统中的一个重要组成部分，它是计算机硬件与应用软件之间的接口，负责管理和协调计算机系统中的各种资源，为用户和其他软件提供服务。操作系统的主要功能包括进程管理、内存管理、文件系统管理、设备管理等。操作系统的种类有很多，例如Windows、Linux、macOS等。 在操作系统中，进程是指正在运行的程序的实例。进程管理是操作系统的核心功能之一，它负责管理进程的创建、调度、同步、通信等。内存管理是操作系统的另一个重要功能，它负责管理计算机系统中的内存资源，包括内存的分配、回收、保护等。文件系统管理是操作系统的另一个重要功能，它负责管理计算机系统中的文件资源，包括文件的创建、读写、删除等。设备管理是操作系统的另一个重要功能，它负责管理计算机系统中的各种设备资源，包括设备的分配、控制、驱动等。
评论 24
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值