I want to change a style for video in discourse, how to embed JavaScript script before , tag Tried editing it in the HEAD, it doesn’t work perfectly! Thanks! [image] document.addEventListener('DOMContentLoaded', function () { const player = new Plyr('video'); }); My Video Player document.addEventListener('DOMContentLoaded', function () { const player = new Plyr('video'); });

查了下懂了在这个地方添加 [image]

Where are you changing it? In a theme component that you created in the UX? (I don’t know what that image is.)

[image] 运思曾: It is most likely because you have not added this domain name to the CSP Policy. 很有可能是因为你没有把这个域名加入CSP Policy。 And to be honest, I recommend you to copy this js file directly and throw it in the tag to prevent users from loading js from an external website. This is not safe - unless you completely trust this website. 而且说实话，我更推荐你直接把这个js文件复制过来扔在标签里，以免用户还要加载外部网站的js，这并不能说安全——除非你完全信任这个网站 [image]

主要是这一句啊，前面的都不是问题 document.addEventListener('DOMContentLoaded', function () { const player = new Plyr('video'); });

只能放在body结尾，这个是等页面加载完了，初始化播放器的

你可以用一下discourse plugin-api You can use the discourse plugin api. api.decorateCookedElement((elem, helper) => { const player = new Plyr('video'); }, {id: "beauitfy-video"}) Ah, you only need to load once? Then pretend I didn’t say it 啊你只需要一次load？那当我没说 [image] 运思曾: 只能放在body结尾这毫无关系。你不是有eventListener吗？ It makes no difference. Don’t you have an eventListener?

:sweat_smile: 不懂怎么弄啊要放在body前面才行

How to embed JavaScript script in front of ,</body> tag

Development

zengyunsi (运思曾) September 16, 2023, 4:15pm 9

Checked and understood. Add it in this place.

Topic		Replies	Views
简单几步修改video视频播放器 Development chinese-translation	9	1029	September 17, 2023
How to inject content into `before-script-load`? Development	4	758	May 24, 2023
Embed HTML5 player for MP3 file Product Support	14	1688	July 28, 2020
How to insert something right after <head>? Development	3	1252	August 9, 2020
Can't get script tag to work in landing pages plugin due to content-security-policy Product Support	4	302	July 1, 2025

How to embed JavaScript script in front of ,</body> tag

Related topics