Anderson Campolina's Personal Background Video Component

Usage

Below are all the PARAMS you can pass trought tag with default values.
How this is a native html tag, you can import and use it anywhere, on any html. Including React, Angular, Etc.

videoLink = 'http://webgenius.website/wp-content/uploads/2023/07/2023-07-17-19-34-45.mp4';
destinyLink = 'http://webgenius.website';
primaryColor = 'white';
secondaryColor = '#1E90FF';
backgroundOpacity = 0.7;
bgColorTemp = 'cold';
primaryText = 'Reach the world NOW!';
secondaryText = 'Get your website done with WebGenius for only';
coinStamp = '$';
price = '99';
buttonText = 'explore';

Define your own property passing it on HTML tag. Example:

<ac-background-container 
  videoLink="https://yourvideo.mp4" 
  primaryText="Your text" 
  secondaryText="you another text"
  coinStamp="R$"
  price="1200"
></ac-background-container>

If you just want the primary and secondary text, let the price and coinStamp with empty strings.

<ac-background-container coinStamp="" price=""></ac-background-container>

So, all you have to do is import the component from CDN and use it on any HTML code on the entire world!

Example on frontend:

<script type="module">
  import 'https://esm.run/[email protected]';
</script>
<ac-background-video primaryText="Hello World!"></ac-background-video>

Example on NodeJS: npm install ac-background-video <ac-background-video></ac-background-video>

And thats it!

DONT BOTHER WITH INSTRUNCTIONS BELOW, IT IS ONLY FOR MYSELF.

Passo 0: Mudar path do componente no arquivo index.html (npm run dev) Passo 1: Fazer componente Passo 2: Colocar arquivo do componente na pasta /src Passo 3: Mudar nome do projeto no arquivo package.json (npm name) Passo 4: Mudar nome do projeto no arquivo vite.config.ts passo 5: npm run build passo 6: npm publish