html iframe播放B站视频

2022-04-09 Views html | bilibili337字2 min read

在博客中加入iframe,可以在网页上播放视频。

使用如下的div块加载播放iframe,其中src替换为B站视频地址,B站视频地址提取方法:

  • 打开视频播放界面;
  • 鼠标移动到下方分享界面;
  • img
  • 复制嵌入代码如下:
<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及以上画质播放。

EOF