discourse的mp4播放器丑到爆，寻思怎么改进一下，找到了这个，感觉还挺简约的，配置方法也比较简单，只需要引入css和js即可。 [image] [image] [image] [image] 在主题页头加入js和css即可 <link rel="stylesheet" href="https://cdn.plyr.io/3.6.12/plyr.css"> <script src="https://cdn.plyr.io/3.6.12/plyr.js"></script> <script> document.addEventListener('…

English translation: (courtesy of discourse-ai :magic_wand:) The MP4 player of Discourse is egregiously unappealing. In my contemplation and exploration to ameliorate it, I stumbled upon this alternative. It exudes a certain minimalistic charm, and its setup methodology is fairly straightforward. I…

正文中的内容有误，会产生bug，从主页加载的时候，播放器不会生效，下面是我花$50请人帮我修改的，免费分享给有需要的人，播放器效果很好，值得推荐！优点：色调比较搭配播放器一开始就是适应屏幕的，而不是从小到大功能较多发布，有video标签即可 <video controls> <source src="https://xxxx/test.mp4" type="video/mp4"> </video> 在头部添加，css和js最好下载到自己的cdn中。 [image] <link rel="stylesheet" href="https://…

[صورة] 运思曾: setInterval(() => { let newUrl = location.href; if (curUrl !== newUrl) { curUrl = newUrl if (document.querySelector("video")) { new Plyr('video') } } }, 10) ??? 恕我直言这是非常糟糕的代码，糟糕透了。它将会每10毫秒运行一个99%的时间内都不会起作用的函数，极大的浪费性能。当然，家用计算…

[صورة] Linca: <script type="text/discourse-plugin" version="0.8"> api.onPageChange(() => { if (document.querySelector("video")) { new Plyr('video'); } }); </script> V多少下次找你没办法啊弄了半天

没事，这个就是举手之劳。下次有更挑战性的工作再说。（当然这个意思不是说这项工作很简单……你要去花很多时间读足够多的discourse源代码才能快速反应调哪个api。而且你不花钱也很少会有人真的花时间去关心你到底要实现什么。）

这个播放器确实挺好用，比自带的好看一点，大佬接什么任务

:smiling_face_with_tear: 兄弟你怎么不早点出现

刚测试对比了一下，这段代码渲染比较快 <script src="https://cdn.plyr.io/3.7.8/plyr.js"></script> <script type="text/discourse-plugin" version="1.8"> api.decorateCookedElement(elem => elem.querySelectorAll('video').forEach((e) => {new Plyr(e)})); </script>

تعديل مشغل الفيديو بخطوات بسيطة

مطور

zengyunsi (运思曾) 17 سبتمبر 2023، 8:13ص 8

هذا المشغل سهل الاستخدام حقًا، وهو أجمل قليلاً من المشغل المدمج، ما هي المهام التي يقبلها الخبير؟

الموضوع		الردود	مرات العرض
How to embed JavaScript script in front of ,</body> tag Development	7	803	16 سبتمبر 2023
Discourse Video Inline Plugin	0	231	26 يناير 2026
I want to install the plyr Marketplace	1	547	16 سبتمبر 2023
YouTube PiP & Topic Playlist Player Theme component	1	208	4 يوليو 2026
Automatically playing mp4 uploaded file Product Support	4	1084	5 أكتوبر 2023

تعديل مشغل الفيديو بخطوات بسيطة

الموضوعات ذات الصلة