html iframe播放B站视频
在博客中加入iframe,可以在网页上播放视频。
使用如下的div块加载播放iframe,其中src替换为B站视频地址,B站视频地址提取方法:
- 打开视频播放界面;
- 鼠标移动到下方分享界面;
- 复制嵌入代码如下:
<iframe
src="//player.bilibili.com/player.html?aid=635809095&bvid=BV1Sb4y1J7zr&cid=487854003&page=1"
scrolling="no"
border="0"
frameborder="no"
framespacing="0"
allowfullscreen="true">
</iframe>
- 将其中src双引号中的内容复制后输入到下方div块中的src处,注意不要替换“&page=1&high_quality=1”,该参数表示第一集、高质量播放。
<div style="position: relative; padding: 30% 45%;">
<iframe style="
position: absolute;
width: 100%;
height: 100%;
left: 0; top: 0;"
src="//player.bilibili.com/player.html?aid=635809095&bvid=BV1Sb4y1J7zr&cid=487854003&page=1&high_quality=1"
scrolling="no"
border="0"
frameborder="no"
framespacing="0"
allowfullscreen="true">
</iframe>
</div>
此外由于B站视频在不登录情况下,不能以1080p及以上画质播放,可使用第三方解析播放地址,比如:
https://jx.parwix.com:4433/player/analysis.php?v=视频URL
https://jx.xmflv.com/?url=视频URL
其中视频URL为B站视频地址,将该新链接粘贴到src中,即可实现1080p及以上画质播放。