Quelques étapes simples pour modifier le lecteur vidéo

Le contenu du corps du texte est erroné et provoquera des bugs. Lorsque vous chargez depuis la page d’accueil, le lecteur ne fonctionnera pas. Voici ce que j’ai payé 50 $ pour que quelqu’un m’aide à le modifier, je le partage gratuitement avec ceux qui en ont besoin. Le lecteur fonctionne très bien, il est recommandé !

Avantages :
Les couleurs sont bien assorties
Le lecteur s’adapte à l’écran dès le début, au lieu de passer de petit à grand
Plus de fonctionnalités

Publication, il suffit d’avoir une balise vidéo

<video controls>
        <source src="https://xxxx/test.mp4" type="video/mp4">
    </video>

Ajoutez dans l’en-tête, il est préférable de télécharger le css et le js dans votre propre cdn.

<link rel="stylesheet" href="https://cdn.plyr.io/3.6.12/plyr.css">
<script src="https://cdn.openfa.net/css/plyr.js"></script>

Ajoutez dans le corps du texte

<script type="text/javascript">

let curUrl = "";

setInterval(() => {
    let newUrl = location.href;
    if (curUrl !== newUrl) {
        curUrl = newUrl
        if (document.querySelector("video")) {
            new Plyr('video')
        }
    }
}, 10)
 

Résultat final :

Vous pouvez également définir la clarté des sous-titres, etc.