开往   虫洞   统计
  • 文章总数:228 篇
  • 评论总数:594 条
  • 分类总数:7 个
  • 最后更新:7月7日

网站插入高清bilibili视频代码

本文阅读 2 分钟
首页 建站代码 正文

在B站有很多影片资源可以分享,若想分想到自己的WP、ty网站该怎么做呢?
目前bilibili其实有分享功能的:在WP后台使用插入媒体,填入代码后会变成下图这样,整个影片尺寸是变小的
因为B站预设的外站引用解析度是最低的,因此所以不能直接贴上代码
需要加上一段代码,让B站影片能跟随自家网站的大小来做改变:

 width=”100%” height=”600″

比如说我想要分享的影片代码是这串

<iframe src=”//player.bilibili.com/player.html?aid=684876927&bvid=BV1VU4y1R72K&cid=746498983&page=1″ frameborder=”no” scrolling=”no” allowfullscreen=”allowfullscreen”> </iframe>

那我就在后面加入这串代码(红色是我加入的)

<iframe src=”//player.bilibili.com/player.html?aid=684876927&bvid=BV1VU4y1R72K&cid=746498983&page=1″ frameborder=”no” scrolling=”no” allowfullscreen=”allowfullscreen” width=”100%” height=”600″> </iframe>

在最后加入&high_quality=1

比如说我分享的网址是

//player.bilibili.com/player.html?aid=684876927&bvid=BV1VU4y1R72K&cid=746498983&page=1

最后面加上&high_quality=1

//player.bilibili.com/player.html?aid=684876927&bvid=BV1VU4y1R72K&cid=746498983&page=1&high_quality=1

嵌入参数的意思

high_quality -> 是否高清【1: 高清(最高1080p) / 0: 最低解析度(预设)】

page -> 起始下标为1 (预设为1)

as_wide -> 是否宽屏【1: 宽屏, 0: 小屏】

danmaku -> 是否开启弹幕【1: 开启(预设), 0: 关闭】

allowfullscreen -> allowfullscreen= “ture” 允许全萤幕播放

在网页上, 用户选择清晰度, 或者点击视频上面的一些图标, 会跳转到B站. 这个可通过设置 iframe 的 sandbox 属性去禁止。

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

<iframe src=”//player.bilibili.com/player.html?aid=684876927&bvid=BV1VU4y1R72K&cid=746498983&page=1&amp;high_quality=1″ width=”100%” height=”600″ frameborder=”no” scrolling=”no” sandbox=”allow-top-navigation allow-same-origin allow-forms allow-scripts” allowfullscreen=”allowfullscreen”> </iframe>

注意:如果单单设置了 sandbox,却没设置 high_quality 字段为 1,用户切换不了视频清晰度。
就是用户只能在 360p,点击 720p 或者 1080p 都无效。

本文来自投稿,不代表本站立场,如若转载,请注明出处:
-- 展开阅读全文 --
评论者添加IP地址归属地信息
« 上一篇 10-31
在小屏幕上不显示指定元素内容
下一篇 » 11-06

发表评论


发表评论
    请配置好页面缩略名选项

标签TAG

AI
AI在线
在您需要帮助时能够及时提供解答
您好,这里是乙未博客,请问有什么能帮到您?