Tabla de descripción de componentes de mini programas de WeChat.

基础组件

El marco proporciona a los desarrolladores una serie de componentes básicos, a través de los cuales los desarrolladores pueden realizar un desarrollo rápido combinando estos componentes básicos.

¿Qué es un componente? 

<tagname property="value">
  Content goes here ...
</tagename>

属性类型

Tipo Descripción Notas
Boolean Valor booleano Al agregar este atributo al componente, su valor siempre será `true`, independientemente de lo que se asigne al atributo. Solo cuando el atributo no esté presente en el componente, su valor será `false`. Si el valor del atributo es una variable, su valor se convertirá al tipo `Boolean`.
Number Número 1, 2.5
String cadena “string”
Array arreglo [ 1, “string” ]
Object Objeto { key: value }
EventHandler Nombre de la función de manejo de eventos "handlerName" es el nombre de la función de manejo de eventos definido en la página.
Any cualquier atributo
共同属性类型
atributo Tipo Descripción Notas
id String Identificador único del componente Mantener la página completa única.
class String Clases de estilo de los componentes Clases de estilo definidas en el WXSS correspondiente
style String Estilos en línea de los componentes Estilos en línea configurables dinámicamente
hidden String ¿Se muestra el componente? Todos los componentes se muestran por defecto.
data-* Any Atributos personalizados Cuando se desencadena un evento en un componente, se envía a la función de manejo de eventos.
bind* / catch* EventHandler Eventos de componentes

基本组件列表

Los componentes básicos se dividen en las siguientes categorías:

Contenedor de vista (View Container) Contenido básico Formulario Navegación Multimedia Mapa Lienzo

视图容器(View Container)：

Nombre del componente Comentario Propiedades del componente
Nombre de atributo Tipo Valor predeterminado Explicación Versión mínima
view Contenedor de vistas hover-class String none 指定按下去的样式类。当 hover-class="none" 时，没有点击态效果
hover-stop-propagation Boolean false Especifique si se debe bloquear que los nodos ancestros de este nodo aparezcan en estado de clic. 1.5.0
hover-start-time Number 50 ¿Cuánto tiempo debe mantenerse presionado para que aparezca el estado de clic, en milisegundos?
hover-stay-time Number 400 Tiempo de retención del estado de clic después de soltar el dedo, en milisegundos
scroll-view Contenedor de vista desplazable scroll-x Boolean false Permitir desplazamiento horizontal
scroll-y Boolean false Permitir desplazamiento vertical
upper-threshold Number 50 ¿A qué distancia del borde superior/izquierdo (en píxeles) se activa el evento scrolltoupper?
lower-threshold Number 50 ¿A qué distancia del fondo/derecha (en píxeles) se activa el evento scrolltolower?
scroll-top Number Establecer la posición de la barra de desplazamiento vertical
scroll-left Number Establecer la posición de la barra de desplazamiento horizontal
scroll-into-view String El valor debe ser el id de un subelemento (el id no puede comenzar con un número). Se establecerá la dirección en la que se puede desplazar, y en esa dirección se desplazará hasta el elemento.
scroll-with-animation Boolean false Al establecer la posición de la barra de desplazamiento, utiliza una transición animada.
enable-back-to-top Boolean false Al tocar la barra de estado superior en iOS o hacer doble clic en la barra de título en Android, la barra de desplazamiento vuelve a la parte superior, solo se admite el desplazamiento vertical.
bindscrolltoupper EventHandle Desplazarse hacia la parte superior/izquierda, se activará el evento scrolltoupper.
bindscrolltolower EventHandle Desplazarse hasta la parte inferior/derecha, se activará el evento scrolltolower.
bindscroll EventHandle Se activa al desplazarse, event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY}
swiper Contenedor de vista deslizante indicator-dots Boolean false ¿Mostrar puntos indicadores del panel?
indicator-color Color rgba(0, 0, 0, .3) Punto de color 1.1.0
indicator-active-color Color #000000 Color del punto indicador seleccionado actualmente 1.1.0
autoplay Boolean false ¿Se cambia automáticamente?
current Number 0 Índice de la página actual
interval Number 5000 Intervalo de tiempo de cambio automático
duration Number 500 Duración de la animación deslizante
circular Boolean false ¿Se debe utilizar el deslizamiento de conexión?
vertical Boolean false ¿La dirección de deslizamiento es vertical?
bindchange EventHandle Cuando `current` cambia, se activa el evento `change` y `event.detail = {current: current, source: source}`.

基础内容(Basic Content)：

Nombre del componente Comentario Propiedades del componente
Nombre de atributo Tipo Valor predeterminado Explicación Versión mínima
icon 图标 type String icon的类型，有效值：success, success_no_circle, info, warn, waiting, cancel, download, search, clear
size Number 23 tamaño del icono, unidad px
color Color color del icono, igual al color de CSS
text Texto selectable Boolean false ¿Es posible seleccionar el texto? 1.1.0
space String false 显示连续空格
有效值 ensp:中文字符空格一半大小 emsp:中文字符空格大小 nbsp:根据字体设置的空格大小 		1.4.0
decode Boolean false ¿Se decodifica? 1.4.0
progress Barra de progreso percent Float Ninguno Porcentaje 0~100
show-info Boolean false Mostrar el porcentaje a la derecha de la barra de progreso.
stroke-width Number 6 Ancho de la barra de progreso, en píxeles
color Color #09BB07 Color de la barra de progreso (por favor, use activeColor)
activeColor Color Color de la barra de progreso seleccionada
backgroundColor Color Color de la barra de progreso no seleccionada
active Boolean false Animación de la barra de progreso de izquierda a derecha.
active-mode String backwards hacia atrás: la animación se reproduce desde el principio; hacia adelante: la animación continúa desde donde terminó la última vez 1.7.0

表单(Form)：

Nombre del componente Comentario Propiedades del componente
Nombre de atributo Tipo Valor predeterminado Explicación Momento de entrada en vigor Versión mínima
button Botón size String default Tamaño del botón
type String default Estilos de botones
plain Boolean false ¿El botón está hueco y el color de fondo es transparente?
disabled Boolean false ¿Está deshabilitado?
loading Boolean false ¿El nombre va precedido de un icono de carga?
form-type String 用于 <form/> 组件，点击分别会触发 <form/> 组件的 submit/reset 事件
open-type String Capacidades de apertura de WeChat 1.1.0
hover-class String button-hover 指定按钮按下去的样式类。当 hover-class="none" 时，没有点击态效果
hover-stop-propagation Boolean false Especifique si se debe bloquear que los nodos ancestros de este nodo aparezcan en estado de clic. 1.5.0
hover-start-time Number 20 ¿Cuánto tiempo debe mantenerse presionado para que aparezca el estado de clic, en milisegundos?
hover-stay-time Number 70 Tiempo de retención del estado de clic después de soltar el dedo, en milisegundos
bindgetuserinfo Handler Cuando el usuario hace clic en este botón, se devolverá la información del usuario obtenida, y el valor obtenido del parámetro de retorno `detail` es el mismo que el de `wx.getUserInfo`. open-type="getUserInfo' 1.3.0
lang String en Especificar el idioma de retorno de la información del usuario, zh_CN chino simplificado, zh_TW chino tradicional, en inglés. open-type="getUserInfo" 1.3.0
session-from String Origen de la conversación open-type="contact" 1.4.0
send-message-title String Título actual Título de la tarjeta de mensaje en la conversación open-type="contact" 1.5.0
send-message-path String Ruta de compartición actual Ruta de salto a mini programa al hacer clic en la tarjeta de mensaje dentro de la conversación open-type="contact" 1.5.0
send-message-img String Captura de pantalla Tarjeta de imagen de mensaje en conversación open-type="contact" 1.5.0
show-message-card Boolean false Mostrar tarjetas de mensajes dentro de la conversación open-type="contact" 1.5.0
bindcontact Handler Devolución de llamada de mensajes de servicio al cliente open-type="contact" 1.5.0
bindgetphonenumber Handler Obtener el número de teléfono del usuario (callback) open-type="getphonenumber" 1.2.0
form Formulario report-submit Boolean ¿Devolver el formId para enviar mensajes de plantilla?
bindsubmit EventHandle Disparar el evento de envío con los datos del formulario, event.detail = {value: {'name': 'value'}, formId: ''}
bindreset EventHandle El evento reset se activa cuando se restablece el formulario.
input Caja de entrada value String Contenido inicial del cuadro de entrada
type String "text" tipo de entrada
password Boolean false ¿Es un tipo de contraseña?
placeholder String El marcador de posición está vacío cuando el cuadro de entrada está vacío.
placeholder-style String Estilo del placeholder designado
placeholder-class String "input-placeholder" Clase de estilo para el placeholder designado
disabled Boolean false ¿Está deshabilitado?
maxlength Number 140 Longitud máxima de entrada, cuando se establece en -1, no hay límite de longitud máxima.
cursor-spacing Number 0 Especifique la distancia entre el cursor y el teclado, en unidades px. Tome la distancia desde la parte inferior de la entrada y la distancia especificada por cursor-spacing, y use el valor mínimo como la distancia entre el cursor y el teclado.
auto-focus Boolean false (En desuso, utilice focus directamente) Enfoque automático, activar teclado
focus Boolean false Obtener el foco
confirm-type String "done" Establecer el texto del botón en la esquina inferior derecha del teclado. 1.1.0
confirm-hold Boolean false ¿Mantener el teclado abierto al hacer clic en el botón de la esquina inferior derecha? 1.1.0
cursor Number Posición del cursor al especificar el foco 1.5.0
bindinput EventHandle Al escribir en el teclado, se activa el evento `input`, donde `event.detail = {value, cursor}`. La función de manejo puede devolver directamente una cadena de texto que reemplazará el contenido del cuadro de entrada.
bindfocus EventHandle Se activa cuando el cuadro de entrada obtiene el foco, event.detail = {value: value}
bindblur EventHandle Se activa cuando el cuadro de entrada pierde el foco, event.detail = {value: value}
bindconfirm EventHandle Se activa al hacer clic en el botón de completar, event.detail = {value: value}
checkbox Selector de múltiples opciones value String <checkbox/>标识，选中时触发<checkbox-group/>的 change 事件，并携带 <checkbox/> 的 value
disabled Boolean false ¿Está deshabilitado?
checked Boolean false ¿Está seleccionado actualmente? Se puede utilizar para establecer la selección predeterminada.
color Color color del checkbox, igual al color de CSS
radio Selector de opción única value String <radio/> 标识。当该<radio/> 选中时，<radio-group/> 的 change 事件会携带<radio/>的value
disabled Boolean false ¿Está deshabilitado?
checked Boolean false ¿Está seleccionado actualmente? Se puede utilizar para establecer la selección predeterminada.
color Color color del radio, igual al color de CSS
picker
(mode = selector) 		Selector de lista (normal) range Array / Object Array [] El rango es válido cuando el modo es selector o multiSelector.
range-key String Cuando `range` es un Array de Objetos, se utiliza `range-key` para especificar el valor de la clave en el Objeto como contenido del selector de visualización.
value Number 0 El valor de "value" indica cuál de los elementos en "range" ha sido seleccionado (el índice comienza en 0).
bindchange EventHandle Se dispara el evento `change` cuando el valor cambia, y `event.detail = {value: value}`.
disabled Boolean false ¿Está deshabilitado?
picker
(mode = multiSelector) 		Selector de lista (múltiples columnas) range Array bidimensional / Array bidimensional de objetos [] mode为 selector 或 multiSelector 时，range 有效。二维数组，长度表示多少列，数组的每项表示每列的数据，如[["a","b"], ["c","d"]]
range-key String Cuando `range` es un array bidimensional de objetos, se puede especificar el valor de la clave en el objeto mediante `range-key` como contenido para el selector de visualización.
value Array 0 El valor de cada elemento indica la posición del elemento seleccionado en el rango correspondiente (el índice comienza en 0).
bindchange EventHandle Se dispara el evento `change` cuando el valor cambia, y `event.detail = {value: value}`.
bindcolumnchange EventHandle Se activa el evento `columnchange` cuando cambia el valor de una columna, y `event.detail = {column: column, value: value}`. El valor de `column` indica la columna que ha cambiado (el índice comienza en 0), y el valor de `value` indica el índice del valor modificado.
disabled Boolean false ¿Está deshabilitado?
picker
(mode = time) 		Selector de lista (tiempo) value String 表示选中的时间，格式为"hh:mm"
start String 表示有效时间范围的开始，字符串格式为"hh:mm"
end String 表示有效时间范围的结束，字符串格式为"hh:mm"
bindchange EventHandle Se dispara el evento `change` cuando el valor cambia, y `event.detail = {value: value}`.
disabled Boolean false ¿Está deshabilitado?
picker
(mode = date) 		Selector de lista (fecha) value String 0 表示选中的日期，格式为"YYYY-MM-DD"
start String 表示有效日期范围的开始，字符串格式为"YYYY-MM-DD"
end String 表示有效日期范围的结束，字符串格式为"YYYY-MM-DD"
fields String day Valor eficaz año, mes, día, indica la granularidad del selector.
bindchange EventHandle Se dispara el evento `change` cuando el valor cambia, y `event.detail = {value: value}`.
disabled Boolean false ¿Está deshabilitado?
picker
(mode = region) 		Selector de lista (fecha) value Array [] Indica la provincia, ciudad y distrito seleccionados, con el primer valor de cada columna seleccionado por defecto.
custom-item String Se puede agregar un elemento personalizado en la parte superior de cada columna. 1.5.0
bindchange EventHandle Se dispara el evento `change` cuando el valor cambia, y `event.detail = {value: value}`.
disabled Boolean false ¿Está deshabilitado?
picker-view Selector de lista incrustado value NumberArray Los números en el arreglo representan secuencialmente la selección de la enésima opción en cada picker-view-column dentro del picker-view (los índices comienzan desde 0). Si un número excede la longitud de las opciones disponibles en un picker-view-column, se selecciona la última opción.
indicator-style String Establecer el estilo del cuadro seleccionado en el centro del selector
indicator-class String Establecer el nombre de la clase del cuadro seleccionado en el centro del selector 1.1.0
mask-style String Establecer el estilo de la capa de enmascaramiento 1.5.0
mask-class String Nombre de clase de la capa de enmascaramiento 1.5.0
bindchange EventHandle Cuando se selecciona mediante desplazamiento y el valor cambia, se activa el evento `change`, donde `event.detail = {value: value}`; `value` es un array que indica la posición seleccionada actualmente en cada `picker-view-column` dentro del `picker-view` (el índice comienza desde 0).
slider Selector de desplazamiento min Number 0 Mínimo
max Number 100 Máximo
step Number 0 El tamaño del paso debe ser mayor que 0 y divisible por (max - min).
disabled Boolean false ¿Está deshabilitado?
value Number 0 Valor actual
color Color #e9e9e9 Color del fondo de la barra (por favor, usa backgroundColor)
selected-color Color #1aad19 Color seleccionado (por favor, use activeColor)
activeColor Color #1aad19 Color seleccionado
backgroundColor Color #e9e9e9 Color del fondo de la barra
show-value Boolean false ¿Mostrar el valor actual?
bindchange EventHandle Evento que se dispara después de completar un arrastre, event.detail = {value: value}
bindchanging EventHandle Evento desencadenado durante el arrastre, event.detail = {value: value} 1.7.0
switch Selector de interruptor checked Boolean false ¿Está seleccionado?
type String switch Estilo, valores válidos: switch, checkbox
bindchange EventHandle Se activa el evento `change` cuando `checked` cambia, y `event.detail` es `{ value: checked }`.
color Color color del switch, igual que el color en CSS
label Etiqueta for String Enlazar el id del control

导航(Navigation)：

Nombre del componente Comentario Propiedades del componente
Nombre de atributo Tipo Valor predeterminado Explicación Versión mínima
navigator Enlace de la aplicación url String Enlaces de redireccionamiento dentro de la aplicación
open-type String navigate Método de redirección
delta Number Válido cuando open-type es 'navigateBack', indica el número de niveles a retroceder.
hover-class String navigator-hover 指定点击时的样式类，当hover-class="none"时，没有点击态效果
hover-stop-propagation Boolean false Especifique si se debe bloquear que los nodos ancestros de este nodo aparezcan en estado de clic. 1.5.0
hover-start-time Number 50 ¿Cuánto tiempo debe mantenerse presionado para que aparezca el estado de clic, en milisegundos?
hover-stay-time Number 600 Tiempo de retención del estado de clic después de soltar el dedo, en milisegundos
其中open-type 的有效值如下：
Valor Explicación Versión mínima
navigate Funcionalidad correspondiente a wx.navigateTo
redirect Funcionalidad correspondiente a wx.redirectTo
switchTab Función correspondiente a wx.switchTab
reLaunch Funcionalidad correspondiente a wx.reLaunch 1.1.0
navigateBack Funcionalidad correspondiente a wx.navigateBack 1.1.0

多媒体(Media)：

Nombre del componente Comentario Propiedades del componente
Nombre de atributo Tipo Valor predeterminado Explicación Versión mínima
audio Audio id String identificador único del componente de audio
src String Dirección del recurso para reproducir el audio
loop Boolean false ¿Reproducir en bucle?
controls Boolean false ¿Mostrar controles predeterminados?
poster String La dirección de la imagen de la portada de audio en los controles predeterminados, si el valor de la propiedad `controls` es `false`, la configuración de `poster` no tendrá efecto.
name String Audio desconocido El nombre de audio en el control predeterminado, si el valor del atributo `controls` es `false`, la configuración de `name` no es efectiva.
author String Autor desconocido El nombre del autor en el control predeterminado, si el valor de la propiedad 'controls' es false, la configuración de 'author' no tendrá efecto.
binderror EventHandle Se activa el evento `error` cuando ocurre un error, con `detail` = {errMsg: MediaError.code}
bindplay EventHandle Se activa el evento de reproducción cuando comienza/continúa la reproducción.
bindpause EventHandle Cuando se pausa la reproducción, se dispara el evento de pausa.
bindtimeupdate EventHandle El evento `timeupdate` se dispara cuando cambia el progreso de la reproducción, con `detail = {currentTime, duration}`.
bindended EventHandle Se dispara el evento `ended` cuando llega al final de la reproducción.
image Imagen src String Dirección de recursos de imagen
mode String 'scaleToFill' Modo de recorte y escalado de imágenes
lazy-load Boolean false Carga diferida de imágenes. Solo es válido para las imágenes dentro de `page` y `scroll-view`. 1.5.0
binderror HandleEvent Cuando ocurre un error, el nombre del evento publicado en AppService, el objeto del evento event.detail = {errMsg: 'algo salió mal'}
bindload HandleEvent Nombre del evento en AppService cuando la imagen se carga completamente, el objeto de evento `event.detail` = {height: 'altura de la imagen en px', width: 'ancho de la imagen en px'}
video Vídeo src String Dirección de recursos para reproducir el video
initial-time Number Especificar la posición inicial de reproducción del video 1.6.0
duration Number Duración del video especificada 1.1.0
controls Boolean true ¿Mostrar controles de reproducción predeterminados (botones de reproducción/pausa, progreso de reproducción, tiempo)?
danmu-list Object Array Lista de comentarios en vivo
danmu-btn Boolean false El botón de mostrar barras de comentarios solo es efectivo durante la inicialización y no puede cambiarse dinámicamente.
enable-danmu Boolean false Mostrar comentarios en pantalla solo es efectivo durante la inicialización y no se puede cambiar dinámicamente.
autoplay Boolean false ¿Reproducción automática?
loop Boolean false ¿Reproducir en bucle? 1.4.0
muted Boolean false ¿Reproducir en silencio? 1.4.0
page-gesture Boolean false En el modo no pantalla completa, ¿habilitar gestos para ajustar el brillo y el volumen? 1.6.0
direction Number Establecer la orientación del video en pantalla completa; si no se especifica, se determina automáticamente según la relación de aspecto. Los valores válidos son 0 (vertical normal), 90 (pantalla girada 90 grados en sentido contrario a las agujas del reloj), -90 (pantalla girada 90 grados en el sentido de las agujas del reloj). 1.7.0
bindplay EventHandle Se activa el evento de reproducción cuando comienza/continúa la reproducción.
bindpause EventHandle Cuando se pausa la reproducción, se dispara el evento de pausa.
bindended EventHandle Se dispara el evento `ended` cuando llega al final de la reproducción.
bindtimeupdate EventHandle Se activa cuando cambia el progreso de la reproducción, event.detail = {currentTime, duration}. La frecuencia de activación es cada 250ms.
bindfullscreenchange EventHandle Cuando el video entra o sale de pantalla completa, se activa el evento, `event.detail = {fullScreen, direction}`, donde `direction` puede ser `vertical` u `horizontal`. 1.4.0
objectFit String contain Cuando el tamaño del video no coincide con el tamaño del contenedor de video, las formas de presentación del video son: contain: contener, fill: llenar, cover: cubrir.
poster String La dirección de la imagen de la portada del video, si el valor del atributo controls es false, la configuración de poster no tendrá efecto.

地图(Map)：

Nombre del componente Comentario Propiedades del componente
Nombre de atributo Tipo Valor predeterminado Explicación Versión mínima
map Mapa longitude Number Longitud central
latitude Number Latitud central
scale Number 16 Nivel de zoom, rango de valores de 5 a 18
markers Array Punto de referencia
covers Array Se eliminará pronto, utilice marcadores.
polyline Array Ruta
circles Array Círculo
controls Array Controles
include-points Array Ampliar la vista para incluir todos los puntos de coordenadas dados.
show-location Boolean Mostrar el punto de ubicación actual con dirección
bindmarkertap EventHandle Se activa al hacer clic en el punto de marcación.
bindcallouttap EventHandle Se activa al hacer clic en la burbuja correspondiente al punto marcado. 1.2.0
bindcontroltap EventHandle Se activa al hacer clic en el control.
bindregionchange EventHandle Se activa cuando cambia la vista.
bindtap EventHandle Se activa al hacer clic en el mapa.
bindupdated EventHandle Se activa cuando se completa la actualización del renderizado del mapa. 1.6.0

画布(Canvas)：

Nombre del componente Comentario Propiedades del componente
Nombre de atributo Tipo Valor predeterminado Explicación Versión mínima
canvas Lienzo src String Dirección de recursos para reproducir el video
initial-time Number Especificar la posición inicial de reproducción del video 1.6.0
duration Number Duración del video especificada 1.1.0
controls Boolean true ¿Mostrar controles de reproducción predeterminados (botones de reproducción/pausa, progreso de reproducción, tiempo)?
danmu-list Object Array Lista de comentarios en vivo
danmu-btn Boolean false El botón de mostrar barras de comentarios solo es efectivo durante la inicialización y no puede cambiarse dinámicamente.
enable-danmu Boolean false Mostrar comentarios en pantalla solo es efectivo durante la inicialización y no se puede cambiar dinámicamente.
autoplay Boolean false ¿Reproducción automática?
loop Boolean false ¿Reproducir en bucle? 1.4.0
muted Boolean false ¿Reproducir en silencio? 1.4.0
page-gesture Boolean false En el modo no pantalla completa, ¿habilitar gestos para ajustar el brillo y el volumen? 1.6.0
direction Number Establecer la orientación del video en pantalla completa; si no se especifica, se determina automáticamente según la relación de aspecto. Los valores válidos son 0 (vertical normal), 90 (pantalla girada 90 grados en sentido contrario a las agujas del reloj), -90 (pantalla girada 90 grados en el sentido de las agujas del reloj). 1.7.0
show-progress Boolean true Si no se establece, se mostrará solo cuando el ancho sea mayor a 240. 1.9.0
show-fullscreen-btn Boolean true ¿Mostrar botón de pantalla completa? 1.9.0
show-play-btn Boolean true ¿Mostrar el botón de reproducción en la barra de control inferior del video? 1.9.0
show-center-play-btn Boolean true ¿Mostrar el botón de reproducción en el medio del video? 1.9.0
enable-progress-gesture Boolean true ¿Activar gestos para controlar el progreso? 1.9.0
bindplay EventHandle Se activa el evento de reproducción cuando comienza/continúa la reproducción.
bindpause EventHandle Cuando se pausa la reproducción, se dispara el evento de pausa.
bindended EventHandle Se dispara el evento `ended` cuando llega al final de la reproducción.
bindtimeupdate EventHandle Se activa cuando cambia el progreso de la reproducción, event.detail = {currentTime, duration}. La frecuencia de activación es cada 250ms.
bindfullscreenchange EventHandle Cuando el video entra o sale de pantalla completa, se activa el evento, `event.detail = {fullScreen, direction}`, donde `direction` puede ser `vertical` u `horizontal`. 1.4.0
objectFit String contain Cuando el tamaño del video no coincide con el tamaño del contenedor de video, las formas de presentación del video son: contain: contener, fill: llenar, cover: cubrir.
poster String La dirección de la imagen de la portada del video, si el valor del atributo controls es false, la configuración de poster no tendrá efecto.

Recientemente has utilizado:

Coleccionar Menú QQ