7b2主题圈子中添加b站视频不自动播放不跳转教程

这几天看好多7b2主题的老粉在圈子里反映这个问题。

自动播放导致如果发布多个视频就会打开圈子广场页面体验很不友好,所以就研究了一下!

第一个问题就是自动播放问题:

看到圈友给了一个不自动播放的参数加上就可以了。

7b2主题圈子中添加b站视频不自动播放不跳转教程

在b站分享过过来的链接后面加上这个参数就可以不自动播放了!就算播放一半的视频都暂停了。屌炸了!

第二个问题就是电脑版点击播放器跳转问题

(春哥之所以没搞也是为粉丝好,这个去除了跳转被b站知道的可能会告到你倾家荡产。)

但是站长都不喜欢自己的站点一下跳到别的站体验也很不好,所以我研究了一下,解决办法也很简单就是给解析脚本中的iframe引用标签里加个禁止脚本的参数sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"把这个参数加进去后基本上就是不会自动播放点击也不会跳转了。

完整解决办法:

b2主题目录/Assets/fontend/circle.js打开这个js文件

7b2主题圈子中添加b站视频不自动播放不跳转教程

找到1576到1580行替换成下面的代码即可完美解决这两个问题

替换的代码:

if(data.type == 'bilibili'){
iframe = '<div class="social-video-box"><div class="social-video-box-in"><iframe src="//player.bilibili.com/player.html?bvid='+data.id+'&cid=&page='+data.p+'&high_quality=1&danmaku=0&autoplay=0" frameborder="no" scrolling="no" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts" allowfullscreen="allowfullscreen" border="0" framespacing="0" allow="autoplay=false" style="overflow: auto;text-align: center; margin-right: 5px;"> </iframe></div></div>'
}else if(data.type == 'qq'){
iframe = '<div class="social-video-box"><div class="social-video-box-in"><iframe class="lazy" frameborder="0" data-src="//v.qq.com/txp/iframe/player.html?vid='+data.id+'" allowFullScreen="true"></iframe></div></div>'
}

预览:

7b2主题圈子中添加b站视频不自动播放不跳转教程插图2
7b2主题圈子中添加b站视频不自动播放不跳转教程插图2

萌圈话题

测试B站视频:今晚月色真美~和你一样~

拓展文章中添加B站视频教程

WordPress免插件文章中添加B站视频短码教程【加精版】

本教程仅供测试学习,切勿商用呀!

声明

⚠️免责声明:本站的资源均来自于用户投稿,作个人学习使用,其版权均归原作者所有。

⚠️侵权声明:如有侵权请来信:wenanjiejie#qq.com 告知。

⚠️转载声明:若需转载,请保留原文链接并附出处,谢谢合作。

0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到