El reproductor mp4 de discourse es feo, pensé en cómo mejorarlo, encontré esto, se siente bastante minimalista y la configuración es relativamente simple, solo necesita importar css y js.
El reproductor MP4 de Discourse es extremadamente poco atractivo. En mi contemplación y exploración para mejorarlo, me encontré con esta alternativa. Desprende un cierto encanto minimalista y su metodología de configuración es bastante sencilla. La inclusión del CSS y JS correspondientes hace el truco.
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.
IMHO este es un código muy malo, horrible.
Ejecutará una función cada 10 milisegundos que no funcionará el 99% de las veces, lo que supone un enorme desperdicio de rendimiento.
Claro, un ordenador doméstico podría soportar el gasto… pero es simplemente muy poco elegante.
你应该使用discourse的API来完成这项工作。使用这个：
Deberías usar la API de Discourse para hacer esto. usa esto:
<script type="text/discourse-plugin" version="0.8">
api.onPageChange(() => {
if (document.querySelector("video")) {
new Plyr('video');
}
});
</script>
No hay problema, esto es solo un favor. Hablemos de ello la próxima vez que haya un trabajo más desafiante.
(Por supuesto, esto no significa que este trabajo sea fácil… tienes que pasar mucho tiempo leyendo suficiente código fuente de discourse para poder reaccionar rápidamente y saber qué API llamar. Y si no gastas dinero, muy pocas personas realmente dedicarán tiempo a preocuparse por lo que quieres lograr).
)
