Voglio cambiare uno stile per il video in discourse, come incorporare uno script JavaScript prima del tag </body
Ho provato a modificarlo nell’HEAD, non funziona perfettamente!
Grazie!
<script src="/plyr.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
const player = new Plyr('video');
});
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Video Player</title>
<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>
</head>
<body>
<video controls>
<source src="your-video.mp4" type="video/mp4">
</video>
<script>
document.addEventListener('DOMContentLoaded', function () {
const player = new Plyr('video');
});
</script>
</body>
</html>
pfaffman
(Jay Pfaffman)
15 Settembre 2023, 3:54pm
2
Dove lo stai cambiando? In un componente del tema che hai creato in UX? (Non so cos’è quell’immagine.)
Lhc_fl
(Linca)
16 Settembre 2023, 2:06pm
4
运思 曾:
`
`
Molto probabilmente è perché non hai aggiunto questo nome di dominio alla CSP Policy.
Molto probabilmente è perché non hai aggiunto questo nome di dominio alla CSP Policy.
E, ad essere onesti, ti consiglio di copiare direttamente questo file js e inserirlo nel tag <script> per evitare che gli utenti carichino js da un sito web esterno. Questo non è sicuro, a meno che tu non ti fidi completamente di questo sito web.
E, ad essere onesti, ti consiglio di copiare direttamente questo file js e inserirlo nel tag <script> per evitare che gli utenti carichino js da un sito web esterno. Questo non è sicuro, a meno che tu non ti fidi completamente di questo sito web.
1 Mi Piace
È principalmente questa frase, le precedenti non sono un problema
<script>
document.addEventListener('DOMContentLoaded', function () {
const player = new Plyr('video');
});
</script>
</body >
Può essere posizionato solo alla fine del body, questo serve per inizializzare il player dopo che la pagina è stata caricata.
Lhc_fl
(Linca)
16 Settembre 2023, 3:41pm
7
Puoi usare la discourse plugin-api.
You can use the discourse plugin api.
<script type="text/discourse-plugin" version="0.8">
api.decorateCookedElement((elem, helper) => {
const player = new Plyr('video');
}, {id: "beauitfy-video"})
</script>
Ah, hai bisogno solo di un caricamento? Allora non direi più nulla.
Ah you only need to load once? Then pretend I didn’t say it
运思 曾:
只能放在body结尾
Non fa alcuna differenza. Non hai un eventListener?
It makes no difference. Don’t you have an eventListener?
Non capisco come fare, deve essere messo prima del body.
Ho controllato e ho capito. Aggiungi qui
system
(system)
Chiuso
17 Ottobre 2023, 3:31am
11
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.