首页 > 其他分享 >104_typecho插入B站(iframe)视频填坑

104_typecho插入B站(iframe)视频填坑

时间:2023-09-24 18:13:18浏览次数:36  
标签:视频 allow aspect high 填坑 typecho iframe quality

这是一篇原发布于2020-01-11 14:07:00得益小站的文章,备份在此处。

前言

B站默认给的插入代码不好用,这里收集了几个解决方案。

B站链接参数

来源:https://blog.csdn.net/xinshou_caizhu/article/details/94028606
https://player.bilibili.com/player.html?aid=83006718&cid=142003476&page=1&as_wide=1&high_quality=1&danmaku=0

key 说明
aid 视频ID就是B站的 avxxxx 后面的数字
cid 应该是客户端id, clientId 的缩写(推测的, 不一定准确)经过测试, 这个字段不填也没关系
page 第几个视频, 起始下标为 1 (默认值也是为1)就是B站视频, 选集里的, 第几个视频
as_wide 是否宽屏 1: 宽屏, 0: 小屏
high_quality 是否高清 1: 高清, 0: 最低视频质量(默认);如视频有 360p 720p 1080p 三种, 默认或者 high_quality=0 是最低 360p,high_quality=1 是最高1080p
danmaku 是否开启弹幕 1: 开启(默认), 0: 关闭

调整清晰度跳转B站

high_quality 参数直接填1,改为1080p。

或者直接通过设置 iframe 的 sandbox 属性去禁止
sandbox=“allow-top-navigation allow-same-origin allow-forms allow-scripts

自动等比缩放

来源:https://www.potatofield.cn/【前端笔记】使用iframe嵌入等比缩放的哔哩哔哩视频/
首先,定义一个CSS类,handsome主题用户可以在后台直接设置。

.aspect-ratio {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
}

.aspect-ratio iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

然后,用一个aspect-ratio类的块内容把iframe包起来——

<div class="aspect-ratio">
    <iframe></iframe>
</div>

分p视频跳转错误

待解决

标签:视频,allow,aspect,high,填坑,typecho,iframe,quality
From: https://www.cnblogs.com/devyi/p/17726363.html

相关文章

  • iframe 父子间传值通信
    同域iframe父子间传值父页面<html><head><scripttype="text/javascript">functionsay(){alert("parent.html");}functioncallChild(){myFrame.window.say();myFra......
  • 用iframe把Grafana Dashboard嵌入第三方系统
    用Grafana可以很容易地创建Dashboard,并且后期修改和更新很方便,由于它的易用性和灵活性很适合用来做系统和生产的监控。但是Grafana的UI设计似乎对普通用户不是很友好,如果让用户直接登录Grafana去搜索浏览Dashboad不是很合适。由此自然就产生了把Grafana嵌入第三方系统的需求。重......
  • 11 iframe内联框架
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>iframe内联框架</title></head><body><iframesrc="//player.bilibili.com/player.html?aid=55631961......
  • js操作iframe
    父页面<iframename="iframe1"></iframe><iframename="iframe2"></iframe><scripttype="text/javascript">functionp_mothd1(){alert('p_mothd1');}</script>子页面iframe1页面functioni......
  • 如何避免HTML iframe导致页面刷新
    要避免HTMLiframe导致页面刷新,您可以采取以下几种方法:使用AJAX加载内容:使用JavaScript的AJAX技术来异步加载iframe中的内容,这样就可以避免整个页面的刷新。您可以使用XMLHttpRequest或者jQuery的$.ajax方法来实现异步加载。设置iframe的sandbox属性:将iframe的sandbox属性设置为"al......
  • 微信二维码生成,token失效,填坑
    失效原因:生产环境token失效,被测试环境覆盖官方说明:目前access_token的有效期通过返回的expires_in来传达,目前是7200秒之内的值。中控服务器需要根据这个有效时间提前去刷新新access_token。在刷新过程中,中控服务器可对外继续输出的老access_token,此时公众平台后台会保证在5分钟内,......
  • vue 嵌套全屏iframe 能有效避开返回两次才能返回上一个路由的问题
    <template> <divclass="home">  <iframeref="iframe"class="iframe"frameborder="no"></iframe> </div></template><script>import{ get_doctor_info, statistics, ......
  • js iframe 打印 打印预览 页眉页脚的设立
    jsiframe打印打印预览页眉页脚的设置1、window.print方式://jsp页面打印按钮:<inputtype="button"value="打印"οnclick="print();">//js中:functionprint(){window.print();//style样式中,设置隐藏按钮打印:<style>@mediaprint{.noprint{display:no......
  • 通过自建iframe遮罩层解决flash位于window窗口之上的问题
          效果对于固定不动窗口或菜单则更有效,并不太适用于可移动的窗口,遮罩层与窗口位置很难一致。若是可移动的窗口建议用前面一篇文章所介绍的shim属性Ext自身提供的方法。      同样下面的方法只对IE有效,firefox下依然无效。      Ext.onReady(function(){......
  • typecho_v1.0-14.10.10_反序列化漏洞复现
    目录漏洞利用GetShell下载链接:https://pan.baidu.com/s/1z0w7ret-uXHMuOZpGYDVlw提取码:lt7aTypecho-反序列化漏洞大佬博客Typechoinstall.php存在的反序列化漏洞首页漏洞点:/install.php?finish=漏洞利用漏洞利用脚本phpinfo()信息<?php//typecho_1.0(14.10.......