B站视频嵌入博客文章的自适应代码

B站视频嵌入博客文章的自适应代码

在编辑个人网站时,需要嵌入B站视频,但复制B站给的嵌入代码后会发现宽度和高度属性都没有,无法自适应div,单独设置宽度和高度也不太完美,如何解决这个问题?

这段代码可以使嵌入文章的B站视频自适应div的宽度

自己替换视频aid即可:

<iframe id="spkj" src="https://player.bilibili.com/player.html?aid=视频AID替换&bvid=BV1VN4y1K76x&cid=视频CID替换&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width=100% sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"> </iframe>  <script type="text/javascript">    document.getElementById("spkj").style.height=document.getElementById("spkj").scrollWidth*0.76+"px";  </script>

其中的代码:

sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"

可以使点击的弹出链接失效,避免外链跳出本站,如果不需要这个效果,删掉这段代码即可。

WEEX唯客是一家安全易用的加密货币交易所,由新加坡顶级区块链投资机构斥资1亿美元打造,注册用户超百万,日均交易额超15亿美元,已获得美国MSB、加拿大MSB、SVGFSA金融牌照。

WEEX唯客平台所有数据皆于海外数据库严格保存,服务器多地部署和备份,并采用满足银行级安全需求的亚马逊AWS及高速高稳定性的香港CDN,为全球用户提供最安全、最专业、最具隐私性的交易服务。

WEEX唯客是全球交易深度最好的合约交易所之一,位居CMC交易所流动性排名前五,订单厚度、价差领先同行,微秒级撮合,零滑点、零插针,最大程度降低交易成本及流动性风险,让用户面对极端行情也能丝滑成交。

在WEEX唯客,用户不仅能享受行业最低的交易手续费(Taker 0手续费,Maker 0.06%),还可零门槛一键跟随专业交易员操作,复制高手的交易策略,平台严格甄选数5,000多名优秀交易员供用户挑选。

为保障用户资金安全,WEEX唯客设立了1,000 BTC投资者保护基金,以在非用户自身原因的情况下有效补偿用户资金出现的意外损失,并公示资金池热钱包地址,让用户交易安心无忧。

WEEX官网:weex.com

你也可以在 CMCCoingecko非小号X (Twitter)中文 X (Twitter)YoutubeFacebookLinkedin微博 上关注我们,第一时间获取更多投资资讯和空投福利。

在线咨询

WEEX华语社群:https://t.me/weex_group

WEEX英文社群:https://t.me/Weex_Global

© 版权声明
THE END
喜欢就支持一下吧
点赞14 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情

    暂无评论内容

随即推荐
u盘修复工具恢复数据如何使用-H5资源网

u盘修复工具恢复数据如何使用

有时我们在应用u盘的现象下,删除了一些文件想要将其恢复,该怎么办呢?其实可以使用u盘修复工具恢复数据,它是一款从360安全护卫中提取出来的软件,不会容易发生一切废弃物文件,也不会关闭之后...
xp123纯净版iso镜像下载地址-H5资源网

xp123纯净版iso镜像下载地址

想要给电脑安装xp123纯净版iso镜像的话,微软已经不在更新xp系统,只能自行找到靠谱的xp123纯净版iso镜像下载使用。下面就给大家分享下在哪里下载xp纯净版系统的可靠地址:
1年前
0479

五大稳定的美国VPS推荐 便宜高速带原生ip

在寻找VPS云服务器时,稳定性、价格以及是否提供原生IP地址是很多用户的关注点。美国作为全球互联网和科技的重心之一,有多家云服务提供商提供了高性能、高速且稳定的VPS服务。以下是我为您推荐...
1个月前
0479
小米系统下载安装包教程-H5资源网

小米系统下载安装包教程

小米系统如何下载安装包呢?小米系统下载安装包很多网友都会操作,希望小编能出一期教程,下面小编就应大家要求与大家分享下小米系统如何下载安装包的方法。
1年前
05413
Windows Super manager v9.46单文件版-H5资源网

Windows Super manager v9.46单文件版

软件介绍 Windows Super manager(Windows超级管理器)是一款功能强大的系统管理软件。它提供全面的系统检测,高效地帮助您查看及了解计算机参数配置;完全免费,且附带多个实用的工具功能,是开...
7个月前
0335

好用的VPS云服务器有哪些?2024十大VPS云服务商推荐

由于我在回答这个问题时无法访问即时的网络资源,所以我无法提供最新的市场排名。但是,根据往期信息和业内的知名度,以下是一些广泛认可的顶级VPS云服务商,以及他们各自的品牌介绍、官方网站...
1个月前
04410
PHP短网址生成源码Shortny v2.0.1-H5资源网

PHP短网址生成源码Shortny v2.0.1

Shortny是一款国外的PHP短网址源码,程序非常小巧,但是功能是很多的,支持自定义后缀、加密访问,查看链接统计,而且还支持放广告,这个广告功能相信有些人会喜欢。界面也比较好看,支持白天/...
2年前
0437

win7系统一键重装系统,win7系统一键重装系统步骤教程

很多人已经习惯了使用win7系统,因此想换掉新电脑的操作系统,不知道要怎么重装系统win7。我们可以借助重装系统win7快速一键安装,下面小编就给大家演示下win7系统一键重装系统步骤教程。
《不朽者传奇》v220.430中文版-H5资源网

《不朽者传奇》v220.430中文版

游戏介绍 《不朽者传奇》是一款第一人称魔法射击游戏,游戏故事围绕主人公“贾克”展开;面临这个如临深渊岌岌可危的世界,贾克加入了精英战斗法师教团,担负起救亡的使命。
7个月前
0437
点线粒子科技感商务PPT模板-H5资源网

点线粒子科技感商务PPT模板

点线粒子科技感商务模板。一套科技感商务汇报幻灯片设计,框架结构完整,动态播放。 分类:网络科技下载:105274次 比例:宽屏16:9 页数:21页 格式:.
12个月前
02310