From c545473cece06af9bfca070b154fc6b69609a304 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20J=2E=20Bez=20Birolo?=
<62669640+AndreBezBirolo@users.noreply.github.com>
Date: Fri, 7 May 2021 14:06:50 -0300
Subject: [PATCH] Update v.2.1
---
README.md | 28 +++++++++++++++++-----------
1 file changed, 17 insertions(+), 11 deletions(-)
diff --git a/README.md b/README.md
index 92c2c3a..e54fab9 100644
--- a/README.md
+++ b/README.md
@@ -17,7 +17,8 @@ Basta você ter HTML e JavaScript.
### 🔧 Explicando os eventos
-Nossa função javascript tem atualmente (19/03/2021) 4 casos possíveis de utilização, são eles:
+Nossa função javascript tem atualmente (07/05/2021) 4 casos possíveis de utilização, são eles:
+Obs: não é obrigatório passar um valor, por padrão vem o "onvisible".
```
1. Quando o usuário clicar na imagem substituta do embed. **(onclick)**
@@ -30,25 +31,27 @@ Esse valores são passados no data embed type do IMG.
### 🔧 Explicando os parametros dentro da tag IMG
```
-- Width.
-- Height.
-- Alt.
-- data-src (src do seu iframe, caso seja google maps ou pdf).
+- Width. *
+- Height. *
+- Alt. *
+- data-embed-src (src do seu iframe, caso seja um pdf).
- data-embed-type. (onclick, onmouseover, ondelay, onvisible).
- data-embed-time (em MS)(Utilizado apenas no tipo ondelay).
-- data-media (Passar a url do seu vídeo seja ele no YouTube ou Vimeo, *).
-Observação: Não necessário passar o data-src porque será puxado a thumbnail automaticamente*.
-- data-player-button (Passar url da sua imagem de player, caso não tenha, não tem problema, foi colocado uma padrão.)
-- data-maps (Passar o código presente após o ../maps/{código} em incorporar um mapa, depois de clicar em compartilhar).
+- data-embed-video (Passar a url do seu vídeo seja ele no YouTube ou Vimeo).
+Observação: Não necessário passar o data-src porque será puxado a thumbnail automaticamente.
+- data-embed-player-button (Passar url da sua imagem de player, caso não tenha, não tem problema, foi colocado uma padrão.)
+- data-embed-maps (Passar o código presente após o ../maps/{código} em incorporar um mapa, depois de clicar em compartilhar).
+
+* OBRIGATÓRIO
```
## ⚙️ Testando para ver se está tudo ok!
Código exemplo em HTML:
```
-
+
```
-Observação: existe uma classe especifica que deve ser colocada na tag IMG (embed-optimize).
+Observação: existe uma classe especifica que deve ser colocada na tag IMG que é embed-optimize.
## 📦 Resultados
@@ -56,6 +59,9 @@ Ao fazermos nosso embed carregar apenas quando é necessário, isso evita que sc
## 📌 Versão
+
+v2.1 - Implementação de boas práticas e correções de bugs.
+
v2.0 - Implementado o suporte ao Vimeo.
- Facilitado a utilização.