Il contenuto nel corpo principale è errato e causerà bug. Quando si carica dalla home page, il lettore non funzionerà. Ecco cosa ho fatto modificare da qualcuno per $50, lo condivido gratuitamente con chi ne ha bisogno, l’effetto del lettore è molto buono, vale la pena raccomandarlo!
Vantaggi:
Le tonalità sono più abbinate
Il lettore è adattato allo schermo fin dall’inizio, non da piccolo a grande
Molte funzioni
Pubblicazione, basta avere un tag video
<video controls>
<source src="https://xxxx/test.mp4" type="video/mp4">
</video>
Aggiungere nell’intestazione, css e js è meglio scaricarli nella propria cdn.
<link rel="stylesheet" href="https://cdn.plyr.io/3.6.12/plyr.css">
<script src="https://cdn.openfa.net/css/plyr.js"></script>
Aggiungere nel corpo principale
<script type="text/javascript">
let curUrl = "";
setInterval(() => {
let newUrl = location.href;
if (curUrl !== newUrl) {
curUrl = newUrl
if (document.querySelector("video")) {
new Plyr('video')
}
}
}, 10)
</script>
Effetto finale:
È anche possibile impostare la chiarezza dei sottotitoli, ecc.
