哔哩哔哩 B站视频引用到自己的网站的方法

最新推荐文章于 2025-02-05 00:48:19 发布

咫尺云天

最新推荐文章于 2025-02-05 00:48:19 发布

阅读量9.6k

点赞数 2

文章标签： html html5

本文链接：https://blog.csdn.net/qq_37956302/article/details/105433060

版权

本文介绍了一种在网页中嵌入B站视频的方法，通过使用iframe标签并调整height和width属性来改变视频大小，只需将示例代码中的BV号替换为所需视频的BV号即可实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先上个例子

<iframe height=100% width=100% src="//player.bilibili.com/player.html?bvid=BV1LC4y1s7gd&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

用的就是iframe直接引用

改变height和width可以调整视频大小

将例子中的BV1LC4y1s7gd改为要引用的视频的AV或者BV号就可以了

效果：

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

咫尺云天

关注关注

2
点赞
踩
16

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

html添加B站视频,iframe嵌入BiliBili视频方法B站视频外链

weixin_39578513的博客

06-17

8546

iframe嵌入BiliBili视频方法B站视频外链BILIBILI 地址PC端参数&danmaku=0 (1=打开弹幕 0=关闭弹幕)iframe 参数allowfullscreen="allowfullscreen" #移动端全屏sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts" #禁...

JSjavascript获取B站bilibili哔哩哔哩分P播放列表并以excel文件保存本地

chengzhijun93的博客

08-28

1837

目录获取分P播放列表（不下载）获取分P播放列表（并将列表保存本地 excel 文件）需要处理的页面按F12，出现控制台/console，粘贴进入即可获取分P播放列表（不下载）由用户上传的分P视频应该都是能够获取的测试网站链接1 测试网站链接2 var listBox = document.getElementsByClassName('list-box')[0], // 获取li列表的ul liList = listBox.getElementsByTagName('li'), // 获取l

2 条评论您还未登录，请先登录后发表或查看评论

网站引入b站视频的方法

程序员

07-08

6800

当我们做网站时需要引入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.

网站中完美嵌入B站视频！自适应！直接复制代码即可（markdown编辑器）

周周の博客小屋

02-05

2235

只要你切换至markdown编辑器写文章的话，按照下面的方法，只需要简单几行代码就可以把B站视频完美嵌入网页。要注意虽然在markdown编辑器上预览的话可能看起来比较奇怪，不过在你的网页上显示是一点问题也没有的。经常查阅网站的小伙伴就会发现，大部分都是支持嵌入B站视频，不过有的会出现黑边，宽高不适应的情况。替换下方代码的src=部分，并将它嵌入你的markdown编辑器最终就可以了。，此时你的剪切板上就会自动复制一串链接。在B站按照找到你要插入的视频。你可以很简单的获取视频的的。，在弹出来的界面上点击。

接入B站iframe视频(bilibili引用视频)

不知名的上班族-老王

06-28

8万+

文章目录前言已解决的坑按比例播放视频视频清晰度问题iPhone 播放自动放大问题解决自动跳转到B站APP (Universal Links)待填的坑各位大佬网站前言因为公司要搞一些视频给客户看, 然后对比了各种视频网站, 各种广告什么的, 体验都不好. 选来选去, 还是B站好, 而且自己又是B站大会员用户 ( 其实早就内定了 ✧(≖ ◡ ≖) ) 这里总结一下碰到的一些坑吧已解决的坑按比例...

从bilibili引用视频

LGX_TvT的博客

06-02

1万+

关于H.265编码视频流媒体播放器EasyWasmPlayer的html中的引用方式

TSINGSEE青犀视频官方技术博客

10-14

951

TSINGSEE青犀视频研发团队经过多年的积累，已经有了视频流媒体平台以及视频播放器等优秀产品，比如EasyWasmPlayer播放器，就是一款能够同时支持HTTP、RTMP、HTTP-FLV、HLS（m3u8）、WS-FLV视频直播与视频点播等多种协议，重点在于该播放器是一款支持H5的播放器，可以兼容H.265编码格式视频在web浏览器上面的直播。播放器的HTML方式集成软件包目录结构：代码示例 index-web.html 文件代码 <!DOCTYPE html>

个人网站引入B站视频播放，个人博客播放B站视频。【1080P】

小道仙的后宫

04-19

1万+

最近想在个人博客播放我在B站上面的视频，花了三个下午，终于做好了。有兴趣的可以先看看最终效果： https://www.xdx97.com/video 1、代码如下 <html> <head> <title>播放B站视频</title> <meta http-equiv="Content-Type" content="text...

jQuery仿哔哩哔哩视频弹幕特效代码

03-20

本项目通过jQuery实现了一个仿B站的视频弹幕特效，它基于Dplayer.js，为用户提供类似B站的弹幕体验。首先，我们需要了解Dplayer.js。Dplayer是一款轻量级的HTML5视频播放器，支持弹幕、倍速播放、全屏等功能。它...

哔哩哔哩Bilibili视频转换成MP4

08-11

B站（Bilibili）是一个流行的中国视频分享网站，尤其以动画、游戏、音乐和科技等内容而闻名。视频转换工具有助于用户在没有网络连接时观看视频，或者为了适应不同设备的播放需求。描述中的 "c#" 提及了我们使用的...

仿B站网页模板

09-17

【仿B站网页模板】是一种基于HTML技术设计的网页模板，其目的是为了模仿中国知名的视频分享网站——哔哩哔哩（B站）的界面风格和用户体验。这种模板通常由HTML结构、CSS样式以及JavaScript交互组成，可以为开发者...

在wordpress中插入b站视频的代码

粗浅的入门功夫

01-11

2305

在嵌入代码的后面加上： style="width: 100%; height: 500px; max-width: 100%；align:center; padding:20px 0; 也就是 <iframe src="//player.bilibili.com/player.html?aid=928620141&bvid=这里替换成自己的视频地址id号&cid=277141946&page=1" scrolling="no" border="0".

网页中嵌入B站视频

scoutee的博客

11-26

4602

参考链接：网页中嵌入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

如何获取 b站视频纯播放

qq_42451776的博客

09-29

5976

通过视频页url直接拿到 BV1NV411v7Xp https://www.bilibili.com/video/BV1NV411v7Xp/?spm_id_from=autoNext 发起请求拿到 aid cid https://api.bilibili.com/x/web-interface/view?bvid=BV1Z5411J72V 使用上 iframe 替换aid cid <iframe src="//player.bilibili.com/play..

B站视频嵌入自定义网页 bilibili

weixin_45129599的博客

01-15

802

非正文如果wordpress嵌入需要文章中放一个Html，填写，把B站弄的 Iframe 标签放进去就行。需要CSS 自己加在行内样式。正文使用场景自己做的网页，小破服务器网络扛不住那么大的视频流压力有什么好办法？当然有，我说下我的解决方案将视频，上传到一个视频平台，然后通过一些手段，将平台上面的视频，嵌入到自己的网页内，这样流量的压力就由服务器，转移到了用户自己的网络。我们的服务器只需要负责...

论文引用怎么标注——看这篇知乎和b站吧，谢谢

xiao_ZHEDA的博客

01-15

962

论文引用

Bilibili播放-获取B站播放视频源地址的过程

最新发布

04-02

<think>好的，用户想了解如何从B站下载视频到本地电脑。首先，我需要整理现有的引用资料，看看有哪些方法已经被提到。引用中提到了几种工具，比如浏览器插件、BBDown，还有通过AI生成字幕的方法。不过用户主要关注的是视频下载，所以重点放在下载工具上。首先，用户可能需要一个简单的方法，比如浏览器插件。引用[1]、[2]、[3]都提到了使用Chrome或Edge的插件，比如B站下载助手。这些插件安装后，在视频页面会出现下载按钮，操作起来比较直观。但需要注意开发者模式可能需要开启，并且下载后的格式可能需要转换，比如FLV转MP4，这可能需要额外工具如FFmpeg，引用[4]提到BBDown配合FFmpeg使用。另外，BBDown作为命令行工具可能适合更技术型的用户，引用[4]详细说明了它的使用方法，包括需要安装依赖项如FFmpeg和Aria2c。这对于批量下载或需要更高下载速度的用户来说是个好选择，但可能需要一定的学习成本。用户可能还会关心下载后的处理，比如格式转换或字幕提取。引用[5]提到AI生成字幕的方法，虽然不直接相关，但如果有用户需要字幕，可以结合使用。不过当前问题主要是视频下载，所以可能作为额外信息提及。需要检查是否有遗漏的方法或工具。现有的引用中没有提到其他方法，比如在线下载网站或录屏软件，但根据提供的资料，应该专注于引用中的工具。另外，需要确保步骤清晰，用户能一步步跟随操作，比如插件的安装步骤，如何找到下载按钮，以及注意事项如开发者模式开启。可能的问题点：用户可能遇到插件安装问题，比如如何解压crx文件改为zip，引用[3]提到手动安装插件的步骤。需要详细说明，避免用户在此步骤出错。另外，下载后的视频格式转换可能需要指导，引用[1]提到FLV转MP4，可以建议使用FFmpeg或在线转换工具。最后，生成相关问题时要覆盖用户可能感兴趣的扩展内容，如工具比较、常见问题解决、法律风险等。确保回答真实可靠，引用来源正确，并按照系统指令使用正确的LaTeX格式，虽然在这个回答中可能用不上数学公式，但需要检查是否有需要的地方，比如如果有提到视频分辨率或其他数值参数时使用$...$。</think>### B站视频下载方法教程 #### 一、浏览器插件工具（适合新手） 1. **安装插件** - 推荐使用$bilibili$哔哩哔哩下载助手，支持Edge/Chrome浏览器[^2][^3]。 - 手动安装步骤（以Edge为例）： 1. 下载插件`.crx`文件后，重命名为`.zip`并解压。 2. 打开浏览器扩展页面（`edge://extensions/`）。 3. 开启`开发者模式`，点击`加载解压缩的扩展`选择解压后的文件夹[^3]。 2. **使用插件下载** - 进入B站视频播放页，右下角会出现`合并下载`按钮。 - 点击后默认下载为`FLV`格式，建议使用工具（如FFmpeg）转换为`MP4`格式[^1][^4]。 #### 二、命令行工具BBDown（适合进阶用户） 1. **安装依赖** - 需提前安装`FFmpeg`（处理视频合并）和`Aria2c`（多线程加速）。 - 下载BBDown工具（GitHub开源项目）。 2. **下载命令示例** ```bash BBDown "视频链接" --use-aria2c ``` - 支持选择分辨率、音视频分离下载等功能。 #### 三、注意事项 - **版权风险**：仅建议下载个人已购买或授权的视频。 - **格式转换**：若下载文件为`FLV`，可使用以下命令转换： ```bash ffmpeg -i input.flv -codec copy output.mp4 ```