如何通过参数控制,让 Bilibili 嵌入播放器更清爽
近期,我尝试录制了几条视频用于推广网站页面,本打算发网抖音、B 站和西瓜视频,结果发现西瓜已经被砍了,抖音也不太适合,最后只剩下 Bilibili 了。而且也只有它支持再嵌入到咱们的网页中,但 B 站的默认嵌入太丑了!
Bilibili 默认提供的嵌入代码如第一行所示,几乎没有任何参数,甚至连尺寸都未设置,呈现的是一个非常小的播放器,而且还默认自动播放,体验很差。通常我会在此基础上做一些调整,按需补充宽高参数,并在末尾加上 &autoplay=0
以关闭自动播放,如第二行代码。
// bilibili 默认代码
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=113059762799357&bvid=BV1nMHNebE8P&cid=25683297836&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
// 我以前的修改版本
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=113059762799357&bvid=BV1nMHNebE8P&cid=25683297836&p=1&autoplay=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="930" height="528"></iframe>
// 极简化播放器代码
<iframe src="//bilibili.com/blackboard/html5mobileplayer.html?isOutside=true&aid=11305..... [ 阅读全文 ]
原文链接: https://www.shephe.com/tutorial/simple-bilibili-iframe/
版权声明: Kevin's Space 版权所有,转载请用明链标明本文地址
本站相关: 随机文章 | 站长微博 | 关于本站 | 联系站长 | 捐助作者