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

最新推荐文章于 2025-05-18 20:10:32 发布

咫尺云天

最新推荐文章于 2025-05-18 20:10:32 发布

阅读量9.8k

点赞数 2

CC 4.0 BY-SA版权

文章标签： html html5

本文链接：https://blog.youkuaiyun.com/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
点赞
踩
15

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

b站iframe引用代码视频,js显示隐藏停止播放等控制功能

01-10

526

如图,把b站视频引入自己网站,是没法通用js的播放暂停功能.来控制,因为他提示不同源,我们可以用删除iframe的src地址的方式实现。

把 B 站的视频弹幕搬到小程序中，这项技术可以轻松搞定

cloud_minapp的博客

07-17

1146

作者｜知晓云 2019 年 12 月，Bilibili（ B 站）公布了 2019 年度弹幕，「AWSL」荣登榜首。此外，「泪目」、「名场面」、「妙啊」等弹幕也入选了十大弹幕热词。弹幕，日本弹幕视频分享网站（ niconico 动画）的舶来品，由 AcFun（A 站）和 Bilibili （ B 站）引进到国内并盛行。今天，中国各大视频网站都开始增加弹幕功能，弹幕已然成为年轻人需要的一种观影体验。 awsl 源于「啊，我死了」的拼音缩写，是对幸福、喜欢、兴奋等各种喜爱之情的情绪表达弹幕的应用弹幕是悬浮

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

网站引入b站视频的方法

程序员

07-08

6891

当我们做网站时需要引入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站iframe视频(bilibili引用视频)

不知名的上班族-老王

06-28

9万+

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

在 Vue 中插入 B 站视频

最新发布

quequnlong的博客

05-18

2204

在 Vue 项目中，有时我们需要嵌入 B 站视频来丰富页面内容，为用户提供更直观的信息展示。本文将详细介绍在 Vue 中插入 B 站视频的多种方法。使用<iframe>标签直接嵌入,<iframe>标签是一种简单直接的方式，可将 B 站视频嵌入到 Vue 页面中。

从bilibili引用视频

LGX_TvT的博客

06-02

1万+

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

TSINGSEE青犀视频官方技术博客

10-14

973

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#" 提及了我们使用的...

爬取哔哩哔哩网站视频信息

05-08

网页中嵌入B站视频

scoutee的博客

11-26

4650

参考链接：网页中嵌入b站视频_技术小窝-优快云博客但是改用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站视频如何贴到自己网页上

weixin_34352449的博客

10-08

3690

b站视频外链　b站为我们提供了3种分享视频的方法链接地址 flash地址 Html地址但是我发现,我们直接将地址复制下来之后,链接地址是一个网页,放到我自己的网页上有些不太合适,flash地址和html地址复制下来并不能够直接使用. 经过我查了多个资料,我发现我们可以利用 < iframe >标签引用b站的html5...

如何获取 b站视频纯播放

qq_42451776的博客

09-29

6123

通过视频页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

907

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

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

xiao_ZHEDA的博客

01-15

1120

论文引用

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