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>'
}

预览：