直接打开我们需要嵌入的视频网页,点击视频下方的分享按钮,把嵌入代码复制,如下图:
先说一下外链引用的一些 缺点 :最重要的一点是清晰度默认只能显示最低的,这个是万万不能接受的,如何调清晰度后面会讲到,先学会引用先,一步一步来
先看看一个我视频的嵌入代码
那么如何改变样式大小呢?
只需要加入代码
width=”100%” height=”600”
这里的宽度和高度可以根据自己的需求自行修改定制
最终代码是这样的(已经加粗显示了,方便查看):
视频清晰度的调节
先来看看我们的视频地址
//player.bilibili.com/player.html?aid=76053337&;bvid=BV11J41127DF&cid=130096191&page=1
修改一下我们的地址
在 // 前面加上 https:
在视频地址最后面加上 &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 | 启用一系列对 |
| scrolling | yesnoauto | 规定是否在 iframe 中显示滚动条。 |
| seamless | seamless | 规定 |
| src | URL | 规定在 iframe 中显示的文档的 URL。 |
| srcdoc | HTML_code | 规定在 |
| width | pixels % | 定义 iframe 的宽度。 |
文档转载改编自馨客栈研究院:https://www.bilibili.com/read/cv6775208