HTML中嵌入B站视频
- 在网页中实现一个HTML播放器
- 需要先从b站获取视频嵌入代码, 以前嵌入代码可以从视频分享那里拿到, 现在好像不行了
- 必须是自己投稿的视频, 从投稿管理页面才能找到
- 复制
嵌入代码 - 建一个
.html文件, 放入下面代码
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>Bilibili视频播放器</title></head><body><iframe src="https://player.bilibili.com/player.html?bvid=BV17F411w7Qj&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
</html>
- 将iframe那行用嵌入代码替换掉, 注意要补充https:
- 已嵌入到浏览器页面
- 可以结合github.io, 在自己的个人主页嵌入视频
Bilibili视频播放器
- 属性
- scrolling: 滚动条属性
- border: 边框样式
- frameborder: 是否显示周围的边框
- framespacing: 和border效果一致, 以framespacing为准
- allowfullscreen: 默认开启全屏
