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