La aplicación WeChat imita Douyin, reproducción en pantalla completa y animación fluida

Cuenta con funciones como animación de giro, visualización de productos, compartir y saltar a biblioteca de vídeos. Busqué mucho en Internet antes y dije que el deslizador no puede configurar el video, pero ahora sí puede. En segundo lugar, la portada está aplanada y el efecto de desplazamiento no es tan bueno como el de la portada.

Primero, use. una vista de portada para controlar la parte superior e inferior. Para el desplazamiento vacío, escuche los eventos táctiles y haga que el índice del deslizador sea +1 o -1

El deslizador rodea este video El deslizador no puede desplazarse automáticamente, pero sí la conexión. Se debe establecer el atributo.

Onshow en js es una interfaz a la que no necesitamos llamar al hacer clic en la barra de pestañas. Si no es una barra de pestañas, puede cargar directamente los datos de back-end en onload.

> Tenga en cuenta que durante el desarrollo, siempre que no sea un video local, la interfaz se abandonará y luego se extraerán los dos primeros videos en ios y luego se personalizará cache="{{false}}"> resuelve este problema

Ten en cuenta que otra compatibilidad es que solo la vista de portada se puede sobrescribir con vídeo nativo, como el historial de compras rotativo. En este caso, la vista de portada no puede abarcar el deslizador, por lo que algunos teléfonos quedarán cubiertos por el vídeo.

Si desea colocarlo en la barra de pestañas, aparecerá en pantalla completa con un título personalizado. No habrá relleno negro en los lados izquierdo y derecho. Si desea poner una vista de portada sobre el video, puede hacerlo.