El contenido del texto principal es incorrecto y generará un error. Cuando se carga desde la página principal, el reproductor no funcionará. A continuación, comparto de forma gratuita con quienes lo necesiten, la modificación que le pedí a alguien por $50. El efecto del reproductor es muy bueno, ¡vale la pena recomendarlo!
Ventajas:
La combinación de colores es agradable.
El reproductor se adapta a la pantalla desde el principio, en lugar de crecer de pequeño a grande.
Muchas funciones.
Publicación, solo necesita la etiqueta video.
<video controls>
<source src="https://xxxx/test.mp4" type="video/mp4">
</video>
Añada en la cabecera, es mejor descargar css y js en su propio cdn.
<link rel="stylesheet" href="https://cdn.plyr.io/3.6.12/plyr.css">
<script src="https://cdn.openfa.net/css/plyr.js"></script>
Añada en el body del texto principal.
<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>
Efecto final:
También puede configurar la claridad de los subtítulos, etc.
