Einfache Schritte zum Ändern des Video-Players

Der Haupttext enthält Fehler, die zu Bugs führen. Beim Laden von der Homepage funktioniert der Player nicht. Hier ist, was ich jemanden für 50 US-Dollar habe machen lassen, den ich kostenlos mit denen teile, die ihn brauchen. Der Player funktioniert sehr gut und ist empfehlenswert!

Vorteile:
Die Farbtöne sind gut aufeinander abgestimmt
Der Player passt sich von Anfang an an den Bildschirm an, anstatt von klein nach groß zu werden
Viele Funktionen

Veröffentlichung, solange ein video-Tag vorhanden ist

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

Fügen Sie dies im Kopfbereich hinzu. CSS und JS sollten am besten in Ihr eigenes CDN heruntergeladen werden.

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

Fügen Sie dies im Haupttext-Body hinzu

<script type="text/javascript">

let curUrl = "";

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

Endergebnis:

Sie können auch die Klarheit von Untertiteln usw. einstellen