仙居网站建设贴吧,网站关键词百度首页消失,都哪些网站可以做gif,网站制作怎么学去哪学一、获取视频来源#xff1a;
可以有2种方式来定位一个 bilibili 视频#xff1a;
第一种是使用 bvid 参数定位第二种是使用 aid 参数定位
如何获取这两个参数#xff1f;
首先我们可以看看 bilibili 网站中的视频页面链接其实可以分为两种#xff1a;
第一种是类似
可以有2种方式来定位一个 bilibili 视频
第一种是使用 bvid 参数定位第二种是使用 aid 参数定位
如何获取这两个参数
首先我们可以看看 bilibili 网站中的视频页面链接其实可以分为两种
第一种是类似https://www.bilibili.com/video/BV17B4y1R775 这样的这里BV后面的 17B4y1R775 就是当前视频的 bvid第二种是类似https://www.bilibili.com/bangumi/play/ep733316?spm_id_from333.337.0.0 这样的看不到 bvid但可以在视频处右键点击“复制视频地址(精准空降)”从而得到类似 https://www.bilibili.com/video/av478818261?t205.6 的网址这里 av 后面的 478818261 就是当前视频的 aid
但是不管那种地址我们都可以通过查看 bilibili 视频所在网页的源代码来找到这些参数的值。
方法在 bilibili 视频页面右键查看源代码然后按 ctrlF 组合键搜索aid,“bvid”(带引号搜索可以精准定位)
例如对于第二种视频我们搜索 “aid” 可以找到647个值每个值对应一个视频首先看第一个 aid 的值为 478818261 并且往后看可以发现bvid: “BV1vT411d7QE”, “cid”: 1022370693以及 “long_title”: “凡人风起天南1重制版”。long_title的值就是这个视频的标题第一集而另一个定位视频的 bvid 的值也同样找到了就是 1vT411d7QE 。
第一种视频还提供了“嵌入代码”直接使用这些代码就可达到引用的效果。
方法在 bilibili视频下方有个点击复制链接的图标移动至图标会弹出一个对话框对话框下方如果有“嵌入代码”点击即可复制该代码。
例如泽泽社长的这个视频 https://www.bilibili.com/video/BV1uS4y1S7E6我们可以找到他的“嵌入代码”为
iframe src//player.bilibili.com/player.html?aid725087364bvidBV1uS4y1S7E6cid556589728p1 scrollingno border0 frameborderno framespacing0 allowfullscreentrue /iframe这是操作截屏 二、引用视频
1. 视频引用的 CSS 样式
/* bilibili视频挂载样式 */
.iframe_div {position: relative;width: 100%;height: 0;
}.iframe_div .iframe_video {position: absolute;width: 100%;height: 100%;left: 0;top: 0
}2. 引用视频可通过 iframe 标签来实现有 2 种方法
第一种方法
div classiframe_diviframe classiframe_video src//player.bilibili.com/player.html?aid478818261 /iframe
/div!-- 或者 --
div classiframe_diviframe classiframe_video src//player.bilibili.com/player.html?bvid1vT411d7QE /iframe
/div
还有以下参数可以控制视频的显示
参数说明page第几个视频, 起始下标为 1 (默认值也是为1) 就是B站视频选集里的第几个视频as_wide是否宽屏 1: 宽屏, 0: 小屏high_quality是否高清 1: 高清, 0: 最低视频质量(默认)不过因为要 bilibili 对于高清视频要求登陆的远古往往设置了高清也无效。danmaku是否开启弹幕 1: 开启(默认), 0: 关闭
因此上面的引用还可以完善为
div classiframe_diviframe classiframe_video src//player.bilibili.com/player.html?aid478818261page1danmaku0as_wide1high_quality1 /iframe
/div这种方式可以显示与 bilibili 网站中界面一致的视频界面而且点击视频可以直接链接到 bilibli 网站但要素太多有时候并不喜欢。 不过在手机浏览器中使用这种方法的前提是视频在分享那里提供了“嵌入代码”没有提供这个潜入代码的视频在手机浏览器中会无法正常播放。 第二种方法 这种方法只显示视频没有跳转也没有花里胡哨的点赞、分享等功能信息不过只适用于上面提到的第一种视频也就是 https://www.bilibili.com/video/BV17B4y1R775 这样的视频如果选择第二种视频往往会因为视频著作权等原因而无法正常播放。 div classiframe_diviframe classiframe_video srchttps://www.bilibili.com/blackboard/html5mobileplayer.html?bvid17B4y1R775/iframe
/div第一种方法的参数同样可以用于第二种方法如
div classiframe_diviframe classiframe_video srchttps://www.bilibili.com/blackboard/html5mobileplayer.html?bvid17B4y1R775page1danmaku0as_wide1high_quality1/iframe
/div