分类目录归档：建站

dplayer 1.25.0 for discuz 插件 视频播放器 整合discuz 3.1使用教程 真正可用的懒人方法

发表评论

Discuz! 使用方法注：本人采用Discuz!自带代码编辑器实现
1. 引入DPlayer所需的JS和CSS：
在/template/模板目录/common/header_common.php文件内：

<script src="https://cdn.bootcss.com/webtorrent/0.107.16/webtorrent.min.js"></script>
<script src="https://cdn.bootcss.com/flv.js/1.5.0/flv.min.js"></script>
<script src="https://cdn.bootcss.com/dashjs/3.0.0/dash.all.min.js"></script>
<script src="https://cdn.bootcss.com/hls.js/8.0.0-beta.3/hls.min.js"></script>
<link href="https://cdn.bootcss.com/dplayer/1.25.0/DPlayer.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/dplayer/1.25.0/DPlayer.min.js"></script>

注：webtorrent，flv，dash，hls可按需引入，DPlayer.min.css一定要在DPlayer.min.js前加载！

2. 在Discuz!后台-界面-编辑器设置-编辑 Discuz! 代码新建一个Discuz! 代码，标签为video，显示顺序自己调整，我的为10，图标文件为video.gif，链接：video.gif
直接下载我的图标文件然后放到/static/image/common/目录下就可以了

3. 进入代码详情，替换内容为：

<div id="dplayer"></div>
<script type="text/javascript">
const dp = new DPlayer({
container: document.getElementById('dplayer'),
video: {
url : '{1}',
type : 'auto',
},
});
</script>

参数个数为1

例子，解释，嵌套次数，参数提示语，允许使用此代码的用户组请按需设置
接下来请使用吧，在帖子编辑内使用就好了

原文连接：https://www.lovewx.club/dplayer-for-discuz/

DPlayer For Discuz!

发表评论

Discuz! 使用方法注：本人采用Discuz!自带代码编辑器实现
1. 引入DPlayer所需的JS和CSS：
在/template/模板目录/common/header_common.php文件内：

<script src="https://cdn.bootcss.com/webtorrent/0.107.16/webtorrent.min.js"></script>
<script src="https://cdn.bootcss.com/flv.js/1.5.0/flv.min.js"></script>
<script src="https://cdn.bootcss.com/dashjs/3.0.0/dash.all.min.js"></script>
<script src="https://cdn.bootcss.com/hls.js/8.0.0-beta.3/hls.min.js"></script>
<link href="https://cdn.bootcss.com/dplayer/1.25.0/DPlayer.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/dplayer/1.25.0/DPlayer.min.js"></script>

注：webtorrent，flv，dash，hls可按需引入，DPlayer.min.css一定要在DPlayer.min.js前加载！

2. 在Discuz!后台-界面-编辑器设置-编辑 Discuz! 代码新建一个Discuz! 代码，标签为video，显示顺序自己调整，我的为10，图标文件为video.gif，链接：video.gif
直接下载我的图标文件然后放到/static/image/common/目录下就可以了

3. 进入代码详情，替换内容为：

<div id="dplayer"></div>
<script type="text/javascript">
const dp = new DPlayer({
container: document.getElementById('dplayer'),
video: {
url : '{1}',
type : 'auto',
},
});
</script>

参数个数为1

例子，解释，嵌套次数，参数提示语，允许使用此代码的用户组请按需设置
接下来请使用吧，在帖子编辑内使用就好了

原文连接：https://www.lovewx.club/dplayer-for-discuz/

ckplayer for discuz

发表评论

注：本教程支持手机版，支持手机版，支持手机版！！！
并且，默认使用了html5来进行播放，需要服务端支持206响应，如果遇到flv等格式会自动切换flash。

本次升级是一次非常大的升级行为，跟之前版本基本毫无联系。调用播放器的代码更加简单高效智能化。
如果你以前使用了发布的6.7版本，升级需要完全删除源ckplayer文件夹并重新替换新版本，或者备份更名源文件夹名称。

下载后，上传解压到discuz网站根目录，然后进入后台，界面-编辑器设置-Discuz！代码添加标签ckplayer，图标文件 / 描述ck.png

点击详情进入编辑替换内容:

<script type="text/javascript" src="./ckplayer/ckplayer.js"></script>
<div id="video" style="width:854px;height:480px;"></div>
<script type="text/javascript">
var videoObject = {
container: '#video',
variable: 'player',
video:'{1}'
};
var player=new ckplayer(videoObject);
</script>

或者你服务端不支持206响应依旧想用以前6.7时候的flash模式，全用200状态码输出视频并且支持flv

<embed src="./ckplayer/ckplayer.swf" flashvars="video={1}" quality="high" width="854" height="480" align="middle" allowScriptAccess="always" allowFullscreen="true" type="application/x-shockwave-flash"></embed>

例子：
[ck]内容[/ck]

解释:
ckplayer视频播放器

参数个数:
1

参数提示语:
{1}直链地址

嵌套次数:1

允许使用此代码的用户组:
这个就自己设定了

做好这一切就可以在论坛用这个按钮发布帖子了

原文出处：http://bbs.itzmx.com/thread-20576-1-1.html

全站黑白色

发表评论

下面我就附上开启全站黑白的教程和代码吧，只需要一句 CSS 定义即可，要将整个网站变成灰色调，你不用去一张一张的改图片的色调，只需要在 css 文件的 html 节点上添加下面一条定义。

方法一：

html {-webkit-filter: grayscale(100%);}

如果你的网站没有引用 css 文件，那么就可以直接引用下面这段 html 代码

<style type="text/css">html {-webkit-filter: grayscale(100%);}</style>

上面的 CSS 代码可能只对主流浏览器支持，如果你需要支持 QQ 浏览器、360 浏览器、IE 浏览器等等其他浏览器需要使用下面这段：

<style> 
html { 
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
_filter:none; 
} 
</style>

将代码放入前即可让对应网页变黑灰色！filter 是滤镜的意思，filter:gray 的意思就是说给页面加上一个灰度的滤镜，所以 html 里面的所有内容都会变成黑白的了。不过这个滤镜对于 chrome 和 safari 浏览器是无效的，所以下面会有一行-webkit-filter: grayscale(100%);这个样式是专属于使用 webkit 内核的浏览器的，意思和 FILTER: gray;差不多，只是写法不同罢了。

方法二：

下面这段代码可以变网页为黑白，将代码加到 CSS 最顶端就可以实现素装，如果网站没有使用 CSS，可以在网页/模板的 HTML 代码和 之间插入：

<style>html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}</style>

有一些站长的网站可能使用这个 css 不能生效，是因为网站没有使用最新的网页标准协议：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

请将网页最头部的替换为以上代码。有一些网站 FLASH 动画的颜色不能被 CSS 滤镜控制，可以在 FLASH 代码的和之间插入：

<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>

Discuz! X3.4论坛标题字数突破80的限制解决方法

发表评论

在玩论坛的站长朋友，每次发文章标题都受字数的限制，一直找不到解决的办法，此教程为云墨亲自测试的经验总结，今天就分享给大家。
下面由源码专家技术分享解决标题限制80字符方法步骤：
一、数据库修改；
二、修改JS验证字符数文件；
三、修改模板中写死的字符限制数；
四，修改函数验证文件； 继续阅读 →

网站黑白滤镜

发表评论 
<style type="text/css"> html { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); -webkit-filter: grayscale(1); } </style>