网页嵌入b站视频资源

已于 2023-07-26 17:28:49 修改
阅读量917 收藏 2
点赞数 2
文章标签： 前端 javascript
于 2023-07-26 11:57:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lxxalyf1314mmd/article/details/131935882
版权

b站视频资源嵌入代码

最基础的代码获取

图片示例

代码示例：<iframe src="//player.bilibili.com/player.html?aid=316197177&bvid=BV1QP41167Qm&cid=1205541218&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

修改后代码

当然，我们为了让视频宽高占满，可增加width，height设置。
为了调节清晰度，可增加high_quality=1的参数，防止点击视频跳转外链可增加sandbox设置。

代码示例：<iframe src="//player.bilibili.com/player.html?aid=316197177&bvid=BV1QP41167Qm&cid=1205541218&page=1&high_quality=1" width="100%" height="500" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"> </iframe>

爱吃桃儿的冰冰
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
在网页中使用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
【Bilibili视频嵌入技巧】如何嵌入720PBilibili视频
每日出拳老爷子的博客
11-16 3988
如果你需要将Bilibili的视频分享在别的论坛，Bilibili的视频分享有一个很方便的嵌入选项，点击后会自动复制嵌入视频前端代码到剪贴板。嵌入代码如下：
【html+css+js】如何轻松在网页中嵌入b站视频？
最新发布
归忆_AC的博客
08-09 3894
教你轻松上手在网页中嵌入b站视频，简单的运用了html+css+js的知识，看不懂的直接按部就班也行。
【LittleXi】如何将bilibili中的视频嵌入到自己网页中
qq_68591679的博客
10-17 4657
【LittleXi】如何将bilibili中的视频嵌入到自己网页中
国内主要视频网站的网页视频嵌入方式
热门推荐
java、c++、机器学习方向King
02-13 1万+
http://harttle.com/2017/02/12/embeding-video-sites.html?utm_source=tuicool&utm_medium=referral 来一篇水文，整理一下国内各大视频网站的视频嵌入方式，或许有一点用处。 爱奇艺、优酷、搜狐视频、腾讯视频、酷6、土豆、乐视。 这些视频站绝大多数都采用 Flash 的方式播放，很多也提供了 iframe
网页内嵌B站视频，隐藏相关控件
偷得浮生半日闲
07-19 1654
网页内嵌B站视频主要是用其中为必填，其它参数可以不填这个aid怎么获取呢？这就需要请求B站这个接口了。
HTML中嵌入B站视频
小电车没有名字
02-16 3619
HTML中嵌入B站视频
bilibili外链链接到网页
光明
01-31 1021
注意src后面的链接手动添加"https:"
B站视频嵌入博客文章的自适应代码
软希网分享源码的博客
11-07 1285
B站视频嵌入博客文章的自适应代码
网站引入b站视频的方法
程序员
07-08 6259
当我们做网站时需要引入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.
UE4解决WebBrowser无法播放H.264替换文件
05-16
UE4解决WebBrowser无法播放H.264的问题 4.25、4.26、4.27实测没问题，其他版本待测试 编译好的CEF3源码，带替换路径说明，直接替换即可
LearnSite(swfupload版) 1.2.0.1 20120708b.rar
05-24
LearnSite信息技术教学辅助平台设计目的：解决签到问题、、学案分发问题、作品提交问题、课堂内作品提交率、解决作品评价问题、解决打字练习、解决常识测验、解决学生作品存档问题、解决作品展示问题、解决学生过程性成绩生成问题等。 LearnSite(swfupload版) 1.2.0.1 20120708b 更新历史记录： 2012.7.8b cookies登录加密判断；管理员使用session判断；b：老师登录循环跳转修正 2012.7.6 学生平台背景添加两侧边框阴影;优秀作品显示已发布的学案 2012.7.5 修正firefox下kindeditor编辑器初始化问题； 2012.7.4 教师平台学生管理中学生信息使用弹出层显示；上课页面学习态度评价时未打分时添加出错修正 2012.7.3 部分小页面，使用弹出层浏览（tinybox） 2012.7.2 活动编辑时选择作品类型时刷新页面导致编辑器内容丢失修正；等级图标更换为叶子、花、果实； 教师平台和管理员平台菜单头加分隔线（images中的hr.gif） 2012.7.1  小组作品提交后显示下载链接；作品提交上传控件切换测试正常； 修正kindeditor插入链接为相对链接及增加部分预览文件类型图标； 替换Swfupload版为2.2.0稳定版并解决firefox下提交问题，以及同页个人作品提交与小组作品提交上传控件js抛弃信息修正 2012.6.30 kindeditor增加Flv视频插件； website.xml增加学生作品上传方式选择（0采用swfupload,1采用普通无刷新上传<add key="UploadMode" value="0" />） 2012.6.29 kindeditor文件管理权限修正及增加部分预览文件类型图标；上传保留文件名；教师平台学生管理列表分页 2012.6.28 将原fckeditor编辑器全部替换为kindeditor4.11版；主题讨论板加分无刷新（东方欲晓建议） 调查结果分析，显示该选项选中的学生是哪些（bwfxyyz建议） 2012.6.27 调查选项添加编辑器kindeditor（并更新至4.11版），修改kindeditor编辑器上传和文件管理 2012.6.21 学生平台背景色添加，不好处理，又去掉背景色 2012.6.15 修正查询；增加态度分排行（点态度分显示）； b:班级表增加4个控制字段，并将学生个人资料修改的权限控制从管理员后台移到教师平台的学生管理中 c:修改总分折算查询 2011.05.25 学生作品下载去ＩＰ限制，投票页面作品直接下载限当天有效；学生讨论输入剩余限制字数提示（并去niceditor，不然字数提示无效）； website.xml网站配置文件中增加是否自动获取主机名开关，即，默认为真 2011.05.22 将ftp的数据库从access更换为mssql，并在说明必读里的数据库脚本目录中提供创建脚本 2011.05.21 将数据库脚本更新为最新，upgrade.aspx页面添加补充说明 2011.05.20 教师平台中学生管理的删除页面姓名未解码修正（出现乱码） 2011.05.19 Fckeditor编辑器在上传浏览服务器列表中增加图片预览功能 2011.05.18 数据备份页面中添加说明和注意事项；班级表增加Rip字段（来限制不同网段机房的班级密码查询） ---2011.05.18 数据库表更新******平台1.093版******--- 2011.05.17 计算机名称与IP绑定导入权限设置和导入重复IP检测（如果已存在该IP则更新，未存在则添加） 2011.05.16 获取主机名异常抛出信息，将锁定改名为绑定以便理解；并增加IP和主机名绑定的Excel表格数据导入； 数据库恢复时检测有无当天的备份（无当天备份则无法恢复，以防随意恢复数据库造成数据丢失！） 安装最低要求：内存512MB,能安装sql2005express就行，50多用户同时登录，作业提交一切正常 开发的目的：类moodle，只不过专用于信息技术教学。 用web方式，应该比电子教室分发任务方便，学生提交作业后管理比电子教室方便（比ftp提交作业安全，防止个别学生上传别人作业） 作业评价：学生可以互评，教师后台可以再评。 学生签到：可以了解每节课学生到场情况 特别是网页制作学习：内置与ftp相连数据库，每个学生账号不同，学生上传网页后，其他同学都可以浏览评价 打字练习，特别是拼音提示，对于部分汉字认识但不会拼音的学生也是一个帮助。资源下载：教师可以把一些跟学习有关的东西放在网站下，方便学生参考。 学生可以比较清晰了解整个学期的学习过程，学过的内容，以及查看以往做过的作业。 学生积分排行，促进竞争意识，激励学习兴趣 教师发布的学案分类清晰，整理方便，可以把本学期的整个网站备份（包括学案和学生作业等信息） 课堂小测验模块，及时测试学习情况。 网站平台的使用，对学生来说，无形中增强了学生网络的学习能力和使用能力，跟上信息化时代的步伐。
django2用iframe标签完成网页内嵌播放b站视频功能
12-23
其中前者顾名思义，是将视频资源上传到视频网站中，然后通过引用的方式在站内播放视频，这种方法适用于视频资源内容公开免费，且不想花钱购买七牛云空间的开发者，毕竟是免费的嘛！而后者，则是需要有云空间存放视频...
计算机应用基础A卷.doc
06-04
A."开始"选项卡，格式刷 B."设计"选项卡，"页面设置"组，幻灯片放向，"纵向"改为"横向" C."插入"选项卡，"页面设置"组，幻灯片放向，"纵向"改为"横向" D."文件"选项卡，"页面设置"组，"纵向"改为"横向" 可以不用...
14秋西南交《计算机应用基础》在线作业一答案.doc
05-23
限制用户对资源的使用权限 B. 控制用户可否上网 C. 控制操作系统是否可以启动 D. 控制是否有发送邮件的权利 ? 正确答案：A 11. Windows自带的媒体播放机Windows Media Player可以播放和组织计算机及Intemet上的数字...
django2 用iframe标签完成 网页内嵌播放b站视频功能
weixin_30823833的博客
06-20 4819
前言： 　　给自己的网站中加入视频资源，有两种方法，一种是用iframe标签引用外站资源，另一种则使用video标签，获取站内资源进行视频播放。其中前者顾名思义，是将视频资源上传到视频网站中，然后通过引用的方式在站内播放视频，这种方法适用于视频资源内容公开免费，且不想花钱购买七牛云空间的开发者，毕竟是免费的嘛！而后者，则是需要有云空间存放视频资源才可以，不过后者的好处是，可以用于视频付费内容的开...
（html）【学习记录】插入一个bilibili视频，等比例缩放，不被拉伸，高清播放，支持弹幕
hanbaoaaa的博客
04-27 4173
!!! !!! !!! !!! !!! <div style="position: relative; padding: 30% 45%;"> <iframe src="//player.bilibili.com/player.html?aid=100456428&cid=171311599&page=1&as_wide=1&high_...
网页中嵌入B站视频
scoutee的博客
11-26 4261
参考链接：网页中嵌入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
java爬虫爬取b站视频分享iframe代码并保存10000条数据到数据库
自学网站s.jf3q.com,菜鸟的成长之路
07-21 1696
需求：自己开发的一个视频网站不想把自己上传视频和封面图片，因为一个一个上传视频文件和封面图片还是很费时间的，想着直接抓取点b站上的视频iframe分享的链接和图片链接到我的数据库中，这样网站就很快就填充起来了，看着就丰满多了（单纯是为了让我开发的系统看着有数据丰满点好看）。 思路分析：爬取大量的iframe代码和视频标题以及视频封面照片的链接保存到数据库就行。当然如果您是要爬取后把视频文件也下载到自己电脑的话，也可以用java代码实现的哦。 实际操作： 1、先用浏览器打开b站，开发者模式（浏览器开发者模式
嵌入b站视频却显示Your browser doesn't support video tag.
05-28
这可能是由于以下原因之一： 1. 浏览器不支持视频标记：请确保您的浏览器支持 HTML5 视频标记。大多数现代浏览器都支持视频标记。 2. 视频未正确嵌入：请确保您已正确嵌入视频并使用正确的标记。您可以使用以下代码嵌入B站视频： ```html <iframe src="//player.bilibili.com/player.html?aid=视频ID&cid=章节ID&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe> ``` 其中，视频ID和章节ID可以在B站对应的视频页面中找到。 3. 视频资源不可用：请确保您嵌入的视频资源可用并且可以在浏览器中访问。如果视频资源无法访问，则会显示该错误。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值