Tabela de descri??o dos componentes do Mini Programa WeChat

基礎組件

O framework fornece aos desenvolvedores uma série de componentes básicos, através dos quais os desenvolvedores podem realizar desenvolvimento rápido combinando esses componentes básicos.

O que é um componente:

• Componentes s?o as unidades básicas que comp?em a camada de visualiza??o.
• Os componentes vêm com algumas funcionalidades e estilos de estilo WeChat.
• Um componente geralmente inclui uma tag de abertura e uma tag de fechamento, os atributos s?o usados para modificar esse componente, e o conteúdo fica entre as duas tags.

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

屬性類(lèi)型

Tipo	Descri??o	Anota??es
Boolean	Booleano	O valor deste atributo será sempre `true`, independentemente do que estiver atribuído a ele. O valor será `false` apenas se o atributo n?o estiver presente no componente. Se o valor do atributo for uma variável, o valor da variável será convertido para o tipo `Boolean`.
Number	Números	1, 2.5
String	string	“string”
Array	Array	[ 1, “string” ]
Object	Objeto	{ key: value }
EventHandler	Nome da fun??o de manipula??o de eventos	"handlerName" é o nome da fun??o de tratamento de eventos definida na página
Any	Atributo arbitrário

共同屬性類(lèi)型

atributo	Tipo	Descri??o	Anota??es
id	String	Identificador único do componente	Mantenha a página inteira única.
class	String	Classes de estilo dos componentes	Classes de estilo definidas no WXSS correspondente
style	String	Estilo inline do componente	Estilos inline configuráveis dinamicamente
hidden	String	O componente é exibido?	Todos os componentes s?o exibidos por padr?o.
data-*	Any	Atributos personalizados	Quando um evento é acionado em um componente, ele é enviado para a fun??o de tratamento de eventos.
bind* / catch*	EventHandler	Eventos do componente

基本組件列表

Os componentes básicos s?o divididos nas seguintes categorias:

視圖容器(View Container)：

Nome do Componente	Comentário	Propriedades do Componente
		Nome do Atributo	Tipo	Valor padr?o	Explica??o	Vers?o mínima
view	Contêiner de Visualiza??o	hover-class	String	none	指定按下去的樣式類(lèi)。當 hover-class="none" 時(shí)，沒(méi)有點(diǎn)擊態(tài)效果
		hover-stop-propagation	Boolean	false	Especifique se deve bloquear o estado de clique dos nós ancestrais deste nó.	1.5.0
		hover-start-time	Number	50	Quanto tempo leva para aparecer o estado de clique ao segurar, em milissegundos?
		hover-stay-time	Number	400	Tempo de reten??o do estado de clique após soltar o dedo, em milissegundos
scroll-view	Contêiner de visualiza??o rolável	scroll-x	Boolean	false	Permitir rolagem horizontal
		scroll-y	Boolean	false	Permitir rolagem vertical
		upper-threshold	Number	50	A que distancia do topo/esquerda (em px) o evento scrolltoupper é acionado?
		lower-threshold	Number	50	A que distancia do fundo/direita (em px) o evento scrolltolower é acionado?
		scroll-top	Number		Definir a posi??o da barra de rolagem vertical
		scroll-left	Number		Definir a posi??o da barra de rolagem horizontal
		scroll-into-view	String		O valor deve ser o id de um subelemento (o id n?o pode come?ar com um número). Defina em qual dire??o pode rolar e, em seguida, role nessa dire??o até o elemento.
		scroll-with-animation	Boolean	false	Ao definir a posi??o da barra de rolagem, utilize uma transi??o animada.
		enable-back-to-top	Boolean	false	No iOS, ao tocar na barra de status no topo, e no Android, ao tocar duas vezes na barra de título, a barra de rolagem retorna ao topo, suportando apenas a rolagem vertical.
		bindscrolltoupper	EventHandle		Rolando para o topo/esquerda, o evento scrolltoupper será acionado.
		bindscrolltolower	EventHandle		Rolando até o fundo/direita, o evento scrolltolower será acionado.
		bindscroll	EventHandle		Disparado ao rolar, event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY}
swiper	Contêiner de Visualiza??o Deslizante	indicator-dots	Boolean	false	Exibir pontos indicadores do painel
		indicator-color	Color	rgba(0, 0, 0, .3)	Cor do ponto de indica??o	1.1.0
		indicator-active-color	Color	#000000	Cor da marca??o selecionada no momento	1.1.0
		autoplay	Boolean	false	Alternar automaticamente
		current	Number	0	índice da página atual
		interval	Number	5000	Intervalo de tempo de comuta??o automática
		duration	Number	500	Dura??o da anima??o de deslizamento
		circular	Boolean	false	Adotar deslizamento de articula??o
		vertical	Boolean	false	A dire??o do deslizamento é vertical?
		bindchange	EventHandle		O evento de mudan?a é acionado quando o "current" é alterado, e event.detail = {current: current, source: source}

基礎內容(Basic Content)：

Nome do Componente	Comentário	Propriedades do Componente
		Nome do Atributo	Tipo	Valor padr?o	Explica??o	Vers?o mínima
icon	圖標	type	String		icon的類(lèi)型，有效值：success, success_no_circle, info, warn, waiting, cancel, download, search, clear
		size	Number	23	tamanho do ícone, unidade px
		color	Color		cor do ícone, mesma cor do CSS
text	Texto	selectable	Boolean	false	O texto é selecionável?	1.1.0
		space	String	false	顯示連續空格 有效值 ensp:中文字符空格一半大小 emsp:中文字符空格大小 nbsp:根據字體設置的空格大小	1.4.0
		decode	Boolean	false	Decodificar	1.4.0
progress	Barra de progresso	percent	Float	Nulo	Porcentagem de 0 a 100
		show-info	Boolean	false	Exibir a porcentagem à direita da barra de progresso
		stroke-width	Number	6	Largura da barra de progresso, em px
		color	Color	#09BB07	Cor da barra de progresso (por favor, use activeColor)
		activeColor	Color		Cor da barra de progresso selecionada
		backgroundColor	Color		Cor da barra de progresso n?o selecionada
		active	Boolean	false	Barra de progresso animada da esquerda para a direita
		active-mode	String	backwards	backwards: Anima??o come?a do início; forwards: Anima??o continua de onde parou na última vez	1.7.0

表單(Form)：

Nome do Componente	Comentário	Propriedades do Componente
		Nome do Atributo	Tipo	Valor padr?o	Explica??o	Momento de efetiva??o	Vers?o mínima
button	Bot?o	size	String	default	Tamanho do bot?o
		type	String	default	Estilo de tipo de bot?o
		plain	Boolean	false	O bot?o é oco, com fundo transparente.
		disabled	Boolean	false	Desativar
		loading	Boolean	false	O ícone de carregamento aparece antes do nome?
		form-type	String		用于 <form/> 組件，點(diǎn)擊分別會(huì )觸發(fā) <form/> 組件的 submit/reset 事件
		open-type	String		Capacidades de Abertura do WeChat		1.1.0
		hover-class	String	button-hover	指定按鈕按下去的樣式類(lèi)。當 hover-class="none" 時(shí)，沒(méi)有點(diǎn)擊態(tài)效果
		hover-stop-propagation	Boolean	false	Especifique se deve bloquear o estado de clique dos nós ancestrais deste nó.		1.5.0
		hover-start-time	Number	20	Quanto tempo leva para aparecer o estado de clique ao segurar, em milissegundos?
		hover-stay-time	Number	70	Tempo de reten??o do estado de clique após soltar o dedo, em milissegundos
		bindgetuserinfo	Handler		Quando o usuário clicar neste bot?o, as informa??es do usuário obtidas ser?o retornadas, e os valores obtidos do parametro de retorno `detail` ser?o os mesmos que os obtidos pelo `wx.getUserInfo`.	open-type="getUserInfo'	1.3.0
		lang	String	en	Especificar o idioma de retorno das informa??es do usuário, zh_CN chinês simplificado, zh_TW chinês tradicional, en inglês.	open-type="getUserInfo"	1.3.0
		session-from	String		Fonte da conversa	open-type="contact"	1.4.0
		send-message-title	String	Título atual	Título do Cart?o de Mensagem na Conversa	open-type="contact"	1.5.0
		send-message-path	String	Caminho de compartilhamento atual	Caminho de redirecionamento para o miniapp ao clicar na carta de mensagem dentro da conversa	open-type="contact"	1.5.0
		send-message-img	String	Captura de tela	Imagem do cart?o de mensagem dentro da conversa	open-type="contact"	1.5.0
		show-message-card	Boolean	false	Exibir cart?o de mensagem dentro da conversa	open-type="contact"	1.5.0
		bindcontact	Handler		Retorno de mensagem do servi?o de atendimento ao cliente	open-type="contact"	1.5.0
		bindgetphonenumber	Handler		Obter o número de telefone do usuário (callback)	open-type="getphonenumber"	1.2.0
form	Formulário	report-submit	Boolean		Retornar o formId para enviar mensagens de modelo?
		bindsubmit	EventHandle		Disparar o evento de submiss?o com os dados do formulário, event.detail = {value : {'name': 'value'} , formId: ''}
		bindreset	EventHandle		O evento reset é acionado quando o formulário é redefinido.
input	Caixa de entrada	value	String		Conteúdo inicial da caixa de entrada
		type	String	"text"	tipo de entrada
		password	Boolean	false	é do tipo de senha?
		placeholder	String		Placeholder quando a caixa de entrada está vazia
		placeholder-style	String		Estilo do placeholder designado
		placeholder-class	String	"input-placeholder"	Classe de estilo para placeholder designado
		disabled	Boolean	false	Desativar
		maxlength	Number	140	Comprimento máximo de entrada, quando definido como -1, n?o há limite para o comprimento máximo.
		cursor-spacing	Number	0	Especifique a distancia entre o cursor e o teclado, em pixels. O valor mínimo entre a distancia do input até a parte inferior e a distancia especificada por cursor-spacing será usada como a distancia entre o cursor e o teclado.
		auto-focus	Boolean	false	(Em breve será descontinuado, por favor, use o focus diretamente) Foco automático, levantar o teclado
		focus	Boolean	false	Obter foco
		confirm-type	String	"done"	Definir o texto do bot?o no canto inferior direito do teclado		1.1.0
		confirm-hold	Boolean	false	Manter o teclado aberto ao clicar no bot?o no canto inferior direito?		1.1.0
		cursor	Number		Posi??o do cursor ao definir o foco		1.5.0
		bindinput	EventHandle		Ao digitar no teclado, o evento `input` é acionado, onde `event.detail = {value, cursor}`. A fun??o de tratamento pode retornar diretamente uma string, que substituirá o conteúdo da caixa de entrada.
		bindfocus	EventHandle		Disparado ao focar na caixa de entrada, event.detail = {value: value}
		bindblur	EventHandle		Acionado quando a caixa de entrada perde o foco, event.detail = {value: value}
		bindconfirm	EventHandle		Acionado ao clicar no bot?o de conclus?o, event.detail = {value: value}
checkbox	Seletor de múltipla escolha	value	String		<checkbox/>標識，選中時(shí)觸發(fā)<checkbox-group/>的 change 事件，并攜帶 <checkbox/> 的 value
		disabled	Boolean	false	Desativar
		checked	Boolean	false	Atualmente está selecionado, pode ser usado para definir como selecionado por padr?o.
		color	Color		cor da checkbox, igual à cor do CSS
radio	Seletor de Sele??o única	value	String		<radio/> 標識。當該<radio/> 選中時(shí)，<radio-group/> 的 change 事件會(huì )攜帶<radio/>的value
		disabled	Boolean	false	Desativar
		checked	Boolean	false	Atualmente está selecionado, pode ser usado para definir como selecionado por padr?o.
		color	Color		cor do rádio, igual à cor do CSS
picker (mode = selector)	(Comum) Seletor de Lista	range	Array / Object Array	[]	Quando o modo for "selector" ou "multiSelector", o "range" é válido.
		range-key	String		Quando `range` é um Array de Objetos, use `range-key` para especificar o valor da chave no Objeto como o conteúdo do seletor de exibi??o.
		value	Number	0	O valor de "value" indica qual o número da sele??o no "range" (o índice come?a em 0).
		bindchange	EventHandle		O evento de mudan?a é acionado quando o valor é alterado, e event.detail = {value: value}
		disabled	Boolean	false	Desativar
picker (mode = multiSelector)	(Multi-coluna) Seletor de Listas	range	Array Bidimensional / Array Bidimensional de Objetos	[]	mode為 selector 或 multiSelector 時(shí)，range 有效。二維數組，長(cháng)度表示多少列，數組的每項表示每列的數據，如[["a","b"], ["c","d"]]
		range-key	String		Quando `range` é uma matriz bidimensional de objetos, use `range-key` para especificar o valor da chave no objeto como o conteúdo do seletor de exibi??o.
		value	Array	0	O valor de cada item indica qual o número da op??o correspondente no intervalo (o índice come?a em 0).
		bindchange	EventHandle		O evento de mudan?a é acionado quando o valor é alterado, e event.detail = {value: value}
		bindcolumnchange	EventHandle		O evento "columnchange" é acionado quando o valor de uma coluna é alterado, e event.detail = {column: column, value: value}. O valor de "column" indica qual coluna foi alterada (o índice come?a em 0), e o valor de "value" indica o índice do valor alterado.
		disabled	Boolean	false	Desativar
picker (mode = time)	Seletor de Lista de Horários	value	String		表示選中的時(shí)間，格式為"hh:mm"
		start	String		表示有效時(shí)間范圍的開(kāi)始，字符串格式為"hh:mm"
		end	String		表示有效時(shí)間范圍的結束，字符串格式為"hh:mm"
		bindchange	EventHandle		O evento de mudan?a é acionado quando o valor é alterado, e event.detail = {value: value}
		disabled	Boolean	false	Desativar
picker (mode = date)	Seletor de lista (data)	value	String	0	表示選中的日期，格式為"YYYY-MM-DD"
		start	String		表示有效日期范圍的開(kāi)始，字符串格式為"YYYY-MM-DD"
		end	String		表示有效日期范圍的結束，字符串格式為"YYYY-MM-DD"
		fields	String	day	Valor eficaz ano, mês, dia, indicando a granularidade do seletor
		bindchange	EventHandle		O evento de mudan?a é acionado quando o valor é alterado, e event.detail = {value: value}
		disabled	Boolean	false	Desativar
picker (mode = region)	Seletor de lista (data)	value	Array	[]	Indica o estado, município e bairro selecionados, com o primeiro valor de cada coluna selecionado por padr?
		custom-item	String		Pode adicionar um item personalizado ao topo de cada coluna.		1.5.0
		bindchange	EventHandle		O evento de mudan?a é acionado quando o valor é alterado, e event.detail = {value: value}
		disabled	Boolean	false	Desativar
picker-view	Seletor de lista incorporado	value	NumberArray		Os números na matriz indicam sequencialmente a op??o selecionada em cada picker-view-colume dentro do picker-view (o índice come?a em 0). Se o número for maior que o comprimento das op??es disponíveis no picker-view-column, a última op??o será selecionada.
		indicator-style	String		Estilo do quadro de sele??o no meio do seletor
		indicator-class	String		Definir o nome da classe da caixa de sele??o do meio do seletor		1.1.0
		mask-style	String		Definir o estilo da camada de fundo		1.5.0
		mask-class	String		Definir o nome da classe da camada de máscara		1.5.0
		bindchange	EventHandle		Quando o valor muda ao rolar a sele??o, o evento de mudan?a é acionado, event.detail = {value: value}; value é um array, indicando qual item está selecionado atualmente em cada picker-view-column dentro do picker-view (o índice come?a em 0).
slider	Seletor de rolagem	min	Number	0	Mínimo
		max	Number	100	Máximo
		step	Number	0	O passo deve ser maior que 0 e divisível por (max - min).
		disabled	Boolean	false	Desativar
		value	Number	0	Valor atual
		color	Color	#e9e9e9	Cor do fundo da barra lateral (por favor, use backgroundColor)
		selected-color	Color	#1aad19	Cor selecionada (por favor, use activeColor)
		activeColor	Color	#1aad19	Cor selecionada
		backgroundColor	Color	#e9e9e9	Cor da barra de fundo
		show-value	Boolean	false	Exibir o valor atual
		bindchange	EventHandle		Evento acionado após uma a??o de arrastar, event.detail = {value: value}
		bindchanging	EventHandle		Evento acionado durante o arrasto, event.detail = {value: value}		1.7.0
switch	Seletor de interruptor	checked	Boolean	false	Selecionado
		type	String	switch	Estilo, valores válidos: switch, checkbox
		bindchange	EventHandle		disparado quando `checked` é alterado, o evento `change` é acionado, `event.detail` = { value: checked }
		color	Color		cor do switch, a mesma cor do CSS
label	Etiqueta	for	String		vincular o id do controle

導航(Navigation)：

Nome do Componente	Comentário	Propriedades do Componente
		Nome do Atributo	Tipo	Valor padr?o	Explica??o	Vers?o mínima
navigator	Link do aplicativo	url	String		Links de redirecionamento dentro do aplicativo
		open-type	String	navigate	Método de redirecionamento
		delta	Number		Válido quando open-type for 'navigateBack', indicando o número de níveis a retroceder.
		hover-class	String	navigator-hover	指定點(diǎn)擊時(shí)的樣式類(lèi)，當hover-class="none"時(shí)，沒(méi)有點(diǎn)擊態(tài)效果
		hover-stop-propagation	Boolean	false	Especifique se deve bloquear o estado de clique dos nós ancestrais deste nó.	1.5.0
		hover-start-time	Number	50	Quanto tempo leva para aparecer o estado de clique ao segurar, em milissegundos?
		hover-stay-time	Number	600	Tempo de reten??o do estado de clique após soltar o dedo, em milissegundos

其中open-type 的有效值如下：

Valor	Explica??o	Vers?o mínima
navigate	Funcionalidade correspondente a wx.navigateTo
redirect	Funcionalidade correspondente a wx.redirectTo
switchTab	Funcionalidade correspondente a wx.switchTab
reLaunch	Funcionalidade correspondente a wx.reLaunch	1.1.0
navigateBack	Funcionalidade correspondente a wx.navigateBack	1.1.0

多媒體(Media)：

Nome do Componente	Comentário	Propriedades do Componente
		Nome do Atributo	Tipo	Valor padr?o	Explica??o	Vers?o mínima
audio	áudio	id	String		identificador único do componente de áudio
		src	String		Endere?o do recurso para reproduzir o áudio
		loop	Boolean	false	Repetir em loop?
		controls	Boolean	false	Exibir controles padr?o
		poster	String		Endere?o do recurso de imagem da capa de áudio nos controles padr?o, se o valor do atributo `controls` for `false`, a configura??o de `poster` é inválida.
		name	String	áudio desconhecido	Nome de áudio no controle padr?o, se o valor do atributo `controls` for `false`, a configura??o do `name` é inválida.
		author	String	Autor desconhecido	Nome do autor no controle padr?o, se o valor da propriedade `controls` for `false`, a configura??o de `author` é inválida.
		binderror	EventHandle		Quando ocorre um erro, o evento de erro é acionado, detail = {errMsg: MediaError.code}
		bindplay	EventHandle		Disparar o evento de reprodu??o ao iniciar/continuar a reprodu??o
		bindpause	EventHandle		Quando a reprodu??o é pausada, o evento `pause` é acionado.
		bindtimeupdate	EventHandle		O evento `timeupdate` é acionado quando o progresso da reprodu??o muda, com `detail = {currentTime, duration}`.
		bindended	EventHandle		Quando chegar ao fim, o evento `ended` é acionado.
image	Imagem	src	String		Endere?o do recurso de imagem
		mode	String	'scaleToFill'	Modo de corte e redimensionamento de imagens
		lazy-load	Boolean	false	Carregamento pregui?oso de imagens. Somente válido para imagens dentro de `page` e `scroll-view`.	1.5.0
		binderror	HandleEvent		Quando ocorre um erro, o nome do evento publicado no AppService, o objeto do evento event.detail = {errMsg: 'algo deu errado'}
		bindload	HandleEvent		Nome do evento publicado no AppService quando a imagem é carregada, o objeto do evento `event.detail` = {height: 'altura da imagem em px', width: 'largura da imagem em px'}
video	Vídeo	src	String		Endere?o de recurso para reproduzir o vídeo
		initial-time	Number		Definir a posi??o inicial de reprodu??o do vídeo	1.6.0
		duration	Number		Dura??o do vídeo especificada	1.1.0
		controls	Boolean	true	Exibir controles de reprodu??o padr?o (bot?o de reproduzir/pausar, progresso da reprodu??o, tempo)?
		danmu-list	Object Array		Lista de barras de comentários
		danmu-btn	Boolean	false	Se o bot?o de barras de comentários deve ser exibido, só é válido na inicializa??o e n?o pode ser alterado dinamicamente.
		enable-danmu	Boolean	false	Exibir barras de comentários, válido apenas na inicializa??o, n?o pode ser alterado dinamicamente.
		autoplay	Boolean	false	Reproduzir automaticamente
		loop	Boolean	false	Repetir em loop?	1.4.0
		muted	Boolean	false	Reproduzir em silêncio	1.4.0
		page-gesture	Boolean	false	No modo n?o em tela cheia, deseja ativar os gestos para ajustar o brilho e o volume?	1.6.0
		direction	Number		Definir a orienta??o do vídeo em tela cheia; se n?o for especificada, será determinada automaticamente com base na propor??o de largura e altura. Os valores válidos s?o 0 (normal, vertical), 90 (tela girada 90 graus no sentido anti-horário), -90 (tela girada 90 graus no sentido horário).	1.7.0
		bindplay	EventHandle		Disparar o evento de reprodu??o ao iniciar/continuar a reprodu??o
		bindpause	EventHandle		Quando a reprodu??o é pausada, o evento `pause` é acionado.
		bindended	EventHandle		Quando chegar ao fim, o evento `ended` é acionado.
		bindtimeupdate	EventHandle		Disparado quando o progresso da reprodu??o muda, event.detail = {currentTime, duration}. A frequência de disparo é de 250ms.
		bindfullscreenchange	EventHandle		Quando o vídeo entra ou sai da tela cheia, é acionado, `event.detail = {fullScreen, direction}`, onde `direction` pode ser `vertical` ou `horizontal`.	1.4.0
		objectFit	String	contain	Quando o tamanho do vídeo n?o corresponde ao tamanho do contêiner de vídeo, as formas de exibi??o do vídeo s?o: contain: contém, fill: preenche, cover: cobre.
		poster	String		Endere?o de recurso de imagem da capa do vídeo, se o valor do atributo controls for false, a configura??o de poster será ineficaz.

地圖(Map)：

Nome do Componente	Comentário	Propriedades do Componente
		Nome do Atributo	Tipo	Valor padr?o	Explica??o	Vers?o mínima
map	Mapa	longitude	Number		Longitude central
		latitude	Number		Latitude central
		scale	Number	16	Nível de zoom, com valores entre 5 e 18
		markers	Array		Marcar ponto
		covers	Array		Será removido em breve, por favor, use marcadores.
		polyline	Array		Rota
		circles	Array		Círculo
		controls	Array		Controles
		include-points	Array		Ampliar a vis?o para incluir todos os pontos de coordenadas fornecidos.
		show-location	Boolean		Exibir o ponto de localiza??o atual com dire??o
		bindmarkertap	EventHandle		Disparar ao clicar no ponto de marca??o
		bindcallouttap	EventHandle		Ao clicar no bal?o correspondente ao ponto de referência, é acionado.	1.2.0
		bindcontroltap	EventHandle		Acionado ao clicar no controle
		bindregionchange	EventHandle		Acionado quando a vis?o muda
		bindtap	EventHandle		Acionado ao clicar no mapa
		bindupdated	EventHandle		Disparado quando a atualiza??o do renderiza??o do mapa estiver concluída.	1.6.0

畫(huà)布(Canvas)：

Nome do Componente	Comentário	Propriedades do Componente
		Nome do Atributo	Tipo	Valor padr?o	Explica??o	Vers?o mínima
canvas	Tela	src	String		Endere?o de recurso para reproduzir o vídeo
		initial-time	Number		Definir a posi??o inicial de reprodu??o do vídeo	1.6.0
		duration	Number		Dura??o do vídeo especificada	1.1.0
		controls	Boolean	true	Exibir controles de reprodu??o padr?o (bot?o de reproduzir/pausar, progresso da reprodu??o, tempo)?
		danmu-list	Object Array		Lista de barras de comentários
		danmu-btn	Boolean	false	Se o bot?o de barras de comentários deve ser exibido, só é válido na inicializa??o e n?o pode ser alterado dinamicamente.
		enable-danmu	Boolean	false	Exibir barras de comentários, válido apenas na inicializa??o, n?o pode ser alterado dinamicamente.
		autoplay	Boolean	false	Reproduzir automaticamente
		loop	Boolean	false	Repetir em loop?	1.4.0
		muted	Boolean	false	Reproduzir em silêncio	1.4.0
		page-gesture	Boolean	false	No modo n?o em tela cheia, deseja ativar os gestos para ajustar o brilho e o volume?	1.6.0
		direction	Number		Definir a orienta??o do vídeo em tela cheia; se n?o for especificada, será determinada automaticamente com base na propor??o de largura e altura. Os valores válidos s?o 0 (normal, vertical), 90 (tela girada 90 graus no sentido anti-horário), -90 (tela girada 90 graus no sentido horário).	1.7.0
		show-progress	Boolean	true	Se n?o for definido, só será exibido quando a largura for maior que 240.	1.9.0
		show-fullscreen-btn	Boolean	true	Exibir bot?o de tela cheia	1.9.0
		show-play-btn	Boolean	true	Exibir o bot?o de reprodu??o na barra de controle inferior do vídeo	1.9.0
		show-center-play-btn	Boolean	true	Exibir o bot?o de reprodu??o no meio do vídeo	1.9.0
		enable-progress-gesture	Boolean	true	Deseja ativar os gestos para controlar o progresso?	1.9.0
		bindplay	EventHandle		Disparar o evento de reprodu??o ao iniciar/continuar a reprodu??o
		bindpause	EventHandle		Quando a reprodu??o é pausada, o evento `pause` é acionado.
		bindended	EventHandle		Quando chegar ao fim, o evento `ended` é acionado.
		bindtimeupdate	EventHandle		Disparado quando o progresso da reprodu??o muda, event.detail = {currentTime, duration}. A frequência de disparo é de 250ms.
		bindfullscreenchange	EventHandle		Quando o vídeo entra ou sai da tela cheia, é acionado, `event.detail = {fullScreen, direction}`, onde `direction` pode ser `vertical` ou `horizontal`.	1.4.0
		objectFit	String	contain	Quando o tamanho do vídeo n?o corresponde ao tamanho do contêiner de vídeo, as formas de exibi??o do vídeo s?o: contain: contém, fill: preenche, cover: cobre.
		poster	String		Endere?o de recurso de imagem da capa do vídeo, se o valor do atributo controls for false, a configura??o de poster será ineficaz.