在 Typecho 的评论区和时光机(handsome 主题独有,事实上是基于评论的一个独立页面)中插入 DPlayer 播放器是一件十分困难的事情,虽然插件作者曾在相关的 issue 中回复过解决方案,但貌似不起作用,没辙,后来历经千辛万苦,我终于找到了一个近乎完美的解决方法🥰
Step 1:调整评论设置
进入网站后台,设置
-评论
,关闭在评论中使用 Markdown 语法
这一选项,并将以下代码加入到允许使用的HTML标签和属性
中:
<div class="" data-config=''/></div>
Step 2:在评论区插入 DPlayer 播放器
使用以下代码进行插入即可:
<div class="dplayer" data-config='{"video":{"url":"null_1","pic":"null_2"}}'/></div>
其中:null_1
为视频地址,null_2
为封面地址。
Tips:在文章中插入 DPlayer 播放器时可能需要对
/
进行转义(即前面加上\
),但在评论区中插入 DPlayer 播放器是不需要进行转义的~
以下内容仅针对 handsome 主题的时光机
已知有一定几率出现以下问题:
- 在网站内使用 pjax 无刷新切换网页到时光机时,页面排版错位(刷新页面后可暂时解决)。
事实上,针对这个问题暂无较好的解决方案,在折腾了一个多小时无果后,我索性彻底关闭了 pjax 功能,之后竟然意外的发现网页的加载速度变快了(逃
关闭 pjax 功能的方法:进入主题外观设置,
主题增强功能
-增强功能开关
-启用pjax
。
本文在撰写时参考了 maomi's Blog 的《typecho允许评论使用DPlayer》,并对其中不完善或有误的地方做出补充或修改,特此感谢原作者。
6 条评论
想想你的文章写的特别好
想想你的文章写的特别好
评论区需要视频吗
哈哈哈哈,handsome 主题的时光机页面也属于评论区,时光机页面里有时还是想插入几个视频的
在handsome 主题后台外观 里添加PJAX回调函数"loadDPlayer();"试试
欢迎大佬光临哈哈哈哈!
emmm加了回调函数后就成了这样……