在个人博客网站中嵌入自适应网页缩放的哔哩哔哩(BiliBili)视频代码

在个人博客网站中嵌入自适应网页缩放的哔哩哔哩(BiliBili)视频代码

哔哩哔哩 嵌入代码

前言

很多小伙伴想把B站的视频嵌入到自己的博客或者网站中,但直接使用官方视频下面的嵌入代码,网站用户就看不了高清、发不了弹幕,并且视频排版也很不美观。然后用户点击播放器里各种连接被引入源站,你相当于是无偿给他打广告的。这里就教大家如何嵌入高质量的B站视频代码。

代码

官方代码

官方代码演示

官方代码

修改后的代码

修改后的代码演示

修改后的代码

修改后的版本(可跳转)

修改后的版本演示

修改后的代码

代码讲解

BILIBILI 地址PC端参数

&high_quality=1 (1=最高画质 0=最低画质)

&danmaku=0 (1=打开弹幕 0=关闭弹幕)

iframe 参数

allowfullscreen="allowfullscreen" #移动端全屏

sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts" #禁止弹出网页

属性值描述alignleft right top middle bottom不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。frameborder10规定是否显示框架周围的边框。heightpixels%规定 iframe 的高度。longdescURL规定一个页面,该页面包含了有关iframe 的较长描述。marginheightpixels定义 iframe的顶部和底部的边距。marginwidthpixels定义 iframe的左侧和右侧的边距。nameframe_name规定 iframe 的名称。sandbox“”allow-formsallow-same-originallow-scriptsallow-top-navigation启用一系列对 <_iframe> 中内容的额外限制。scrollingyesnoauto规定是否在 iframe中显示滚动条。seamlessseamless规定 <_iframe> 看上去像是包含文档的一部分。srcURL规定在 iframe中显示的文档的 URL。srcdocHTML_code规定在 <_iframe> 中显示的页面的 HTML 内容。widthpixels%定义 iframe 的宽度。参数说明

转载地址

腾讯云 CNBLOG

打赏赞(1)微海报分享

相关推荐