关于插入播放器

关于插入播放器

By 后宫学长 at 2017-03-31
1人收藏 • 4449人看过

那个,播放器是找到合适的了。

我想插入到右侧栏。(我插到了sider)

打开首页,正常工作。

不过就是:

  1. 点开帖子,都会重新加载JS,导致两首歌在一个页面重叠...

  2. 然后再点击首页,播放器界面消失了...(莫非div和JS必须同时加载?)

  3. 其实插入到layout页脚下面一点问题都没有,就是位置不合适...


应该就是AJAX标签的问题了吧...

不会添加标签,直接复制

<?php 
if(!$IsAjax){
?>

过去会导致右侧栏消失。



斌大请指点!

<?php
}
if($HotTagsArray) {
?>
<div class="sider-box">
	<div class="sider-box-title">
		<?php echo $Lang['Hot_Tags']; ?>
		<span class="float-right"><a href="<?php echo $Config['WebsitePath']; ?>/tags"><?php echo $Lang['Show_More']; ?></span>
	</div>
	<div class="sider-box-content btn">
		<?php foreach ($HotTagsArray as $Tag) {?>
		<a href="<?php echo $Config['WebsitePath']; ?>/tag/<?php echo urlencode($Tag['Name']); ?>"><?php echo $Tag['Name']; ?>
		<?php } ?>
	</div>
</div>
<div class="sider-box">
	<div id="music-player" class="aplayer">
	</div>
	<script src="<?php echo $Config['WebsitePath']; ?>/dist/APlayer.min.js"></script>
    <script src="<?php echo $Config['WebsitePath']; ?>/dist/new.js"></script>
</div>
<?php
}
if($Config['PageSiderContent']) {
?>

<div class="sider-box">
	<div class="sider-box-title">
	    <?php echo $Lang['Information_Bar']; ?>
	    <span class="float-right"><a href="<?php echo $Config['WebsitePath']; ?>/about"><?php echo $Lang['About']; ?></span>
	</div>
	<div class="sider-box-content">
		<?php echo $Config['PageSiderContent']; ?>
		<div class="c"></div>
	</div>
</div>
<?php
}
?>

QQ截图20170331010308.png


还有其实我想把JS写在layout的,不过播放器没法工作,报错。WTF?(莫非div和JS必须同时加载?)


播放器是:https://github.com/DIYgod/APlayer


谢谢!


还是测试地址:http://mc.tucao.moe

22 个回复 | 最后更新于 2017-04-13
后宫学长
2017-03-31
#1

@lincanbin :请求支援,就AJAX了。

lincanbin
2017-03-31
#2

把script放到底部之前,其他保持原样。

后宫学长
2017-04-01
#3

回复#2 @lincanbin :

AJAX那个标签不用加么...我试试看。

后宫学长
2017-04-01
#4

回复#2 @lincanbin :

把script放到layout底部确实解决了重载JS的问题。

不过播放器UI依旧是不见了。

就剩下一条白条,如图所示.....

QQ截图20170401025427.png



加在版权处就没有问题。

lincanbin
2017-04-01
#5

回复#4 @后宫学长 :

不是很懂你的播放器里的js是怎么写的。

后宫学长
2017-04-01
#6

回复#5 @lincanbin :

dist.zip

有空请帮忙看下,谢谢啦。

lincanbin
2017-04-01
#7

回复#6 @后宫学长 :

APIPlayer.min.js依然放在</body>之前。

new.js的内容复制出来,以内联js的形式(<script>复制进去的代码</script>)放在music-player的</div>之后。

后宫学长
2017-04-01
#8

回复#7 @lincanbin :

new.js文件是播放器配置和音乐地址。照你说的做了,依旧有问题。


我把new.js里面配置分开,配置放music-player那边,歌单放layout这边,也是不行。


变现为:F5刷新帖子,看起来正常工作,再点开帖子,重新换一首曲子,再点击帖子或者首页,播放器消失,歌曲不断。


真奇怪。

莫非要把APlayer.min.js里面的CSS样式拆出来?


layout的版权处是没有问题的,我就注意到有个

<?php 
if(!$IsAjax){
?>

这样的标签.....


真有毒。


还有你首页.....

lincanbin
2017-04-01
#9

回复#8 @后宫学长 :

看来你的js在其他地方注入了,如果你懂一点js的话,就可以随便写几行代码实现DOM大挪移,就不会有这个问题了。

我要去收行李了。

后宫学长
2017-04-02
#10

回复#9 @lincanbin :

已换播放器。

底部隐藏版的,jquery.js都有两个,还好谷歌了下把冲突解决了,现在放底部完美播放。

网站功能正常。


你首页又被发广告了.....


你收拾行李几个意思,又走人啦?

要不正面肛一波,请你吃个饭。


后宫学长
2017-04-02
#11

回复#9 @lincanbin :

忘记了,你是收拾行李出去玩吧。

lincanbin
2017-04-02
#12

回复#11 @后宫学长 :

对,我在南京了。

后宫学长
2017-04-02
#13

回复#12 @lincanbin :

去玩几天...回来可以正面肛一波。

首页我的帖子都删掉吧...

nichx
2017-04-09
#14

blob.png为什么成这样了。。。

后宫学长
2017-04-09
#15

回复#14 @nichx :

我去你站点看下?

nichx
2017-04-10
#16

回复#15 @后宫学长 :

能把你的layout.php发给我看一下么,我改的总是有BUG。study.nichx.cn

后宫学长
2017-04-11
#17

回复#16 @nichx :

你那个样式出错,我没碰到。

文件给你自己查下吧。

layout.zip


nichx
2017-04-11
#18

回复#17 @后宫学长 :

我的CF版本是5.8.0。。好像是global.js 不兼容

后宫学长
2017-04-11
#19

回复#18 @nichx :

这也能不兼容么...


我就改了JQ冲突,改了player.js,把“$”改别的了...


还有个播放器推荐。我就不会用了...

你可以看看。

https://www.i94.me/20.html



登 录


现在注册

QQ  登 录    Weibo  登 录    GitHub  登 录