如何内嵌bilibili网站链接


直接打开我们需要嵌入的视频网页,点击视频下方的分享按钮,把嵌入代码复制,如下图:

image-20210912224707012

先说一下外链引用的一些 缺点 :最重要的一点是清晰度默认只能显示最低的,这个是万万不能接受的,如何调清晰度后面会讲到,先学会引用先,一步一步来

先看看一个我视频的嵌入代码

那么如何改变样式大小呢?

只需要加入代码

width=”100%” height=”600”

这里的宽度和高度可以根据自己的需求自行修改定制

最终代码是这样的(已经加粗显示了,方便查看):

视频清晰度的调节
先来看看我们的视频地址

//player.bilibili.com/player.html?aid=76053337&;bvid=BV11J41127DF&cid=130096191&page=1

修改一下我们的地址

在 // 前面加上 https:

在视频地址最后面加上 &high_quality=1

最终的成品是这样的,新增加的部分我已经加粗显示了

https://player.bilibili.com/player.html?aid=76053337&;bvid=BV11J41127DF&cid=130096191&page=1&high_quality=1

移动端如何自适应
经过谷歌一下,找到了一些解决方法,这里直接给大家分享解密一下下

先直接看一下成品

稍微解释一下上面代码的含义:

page -> 起始下标为 1 (默认值也是为1)

as_wide -> 是否宽屏 【1: 宽屏, 0: 小屏】

high_quality -> 是否高清 【1: 高清(最高1080p) / 0: 最低视频质量(默认)】

danmaku -> 是否开启弹幕 【1: 开启(默认), 0: 关闭】

allowfullscreen -> allowfullscreen= “ture” 允许全屏,使用该参数可以在浏览器中全屏播放

属性 描述
align leftrighttopmiddlebottom 不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。
frameborder 10 规定是否显示框架周围的边框。
height pixels % 规定 iframe 的高度。
longdesc URL 规定一个页面,该页面包含了有关 iframe 的较长描述。
marginheight pixels 定义 iframe 的顶部和底部的边距。
marginwidth pixels 定义 iframe 的左侧和右侧的边距。
name frame_name 规定 iframe 的名称。
sandbox “”allow-formsallow-same-originallow-scriptsallow-top-navigation 启用一系列对

文章作者: 血魂S
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 血魂S !
  目录