La página Vue h5 utiliza un complemento de reproducción de video

El proyecto h5 necesita reproducir cursos de video. Busqué los complementos correspondientes en Internet y descubrí que el reproductor de video xg-player Xigua es útil. Por supuesto, también tropecé con algunos escollos.

**Dirección oficial de Xigua Player:** /

Sitio web oficial de githuab de Xigua Player: /bytedance/xgplayer-vue

Porque lo que hacen es para viejos proyectos, la sintaxis de la plantilla Freemarker está escrita ().

Función:

El antiguo método de cambio está escrito en el sitio web oficial:

(1) Primero destruye el video,

( 2 ) y luego vuelva a crear la instancia del reproductor

(3) Inicie el reproductor y reproduzca el video. Reproducir video

Después de terminar de escribir, reorganicé mis notas y descubrí que hay una API mejor para cambiar videos en el sitio web oficial, pero aún no la he probado.

La reproducción del curso en el proyecto es mucho más complicada que esta demostración, ya que implica reproducción de video, reproducción de gráficos, reproducción de cambio de video y gráficos, etc.

Funciones:

1 La idea inicial era obtener una lista de cursos y luego filtrar en primer plano para determinar cuál se debía reproducir, pero considerando que cargar la paginación afecta el video actual, tanto la lista paginada como el video se están reproduciendo. Actualmente está dividido en dos interfaces. La recepción solo necesita procesar juicios lógicos y no necesita recorrer la lista completa para simplificar el problema de consultar y hacer coincidir la reproducción del curso.

Durante la reproducción de vídeo, es necesario controlar el estado de pausa, continuación y finalización del vídeo.

Durante la reproducción de vídeo, debes escuchar el estado de pausa, reanudación y finalización del vídeo.