LIT PLAYER YOUTUBE

Lit-Player-Youtube LitPlayerYoutube é um player de vídeo baseado no YouTube, criado com Lit, que utiliza a API oficial do YouTube para controlar a reprodução. Leve, customizável e fácil de usar, pode ser usado como um Web Component puro ou integrado via React com o wrapper oficial. Índice Requisitos Instalação Uso Importação Usando com Lit Usando com React Controlando Dimensões Exemplo Contribuição Licença Requisitos Node.js >= 14.x Navegador moderno com suporte a Web Components Instalação npm install lit-player-youtube Uso Para usar o componente, importe-o e coloque a tag no seu projeto. Não é necessário instanciar classes ou chamar métodos diretamente. Importação LIT import { LitPlayerYoutube } from "lit-player-youtube"; REACT import { LitPlayerYoutubeReact } from "lit-player-youtube"; Usando com Lit Exemplo controlando largura e altura: Usando com React Exemplo controlando largura e altura: import React from "react"; import { LitPlayerYoutubeReact } from "lit-player-youtube"; function App() { return ( ); } export default App; Controlando Dimensões Você pode controlar o tamanho do player envolvendo o componente em um container com dimensões específicas. O componente se adapta para usar 100% da largura e altura do container. O componente também é responsivo. Exemplo Contribuição Contribuições são muito bem-vindas! Para contribuir, siga estes passos: Faça um fork deste repositório. Crie uma branch para sua feature (git checkout -b feature/nova-feature). Faça commit das suas alterações (git commit -m 'Adiciona nova feature'). Faça push para a branch (git push origin feature/nova-feature). Abra um Pull Request. NPM https://www.npmjs.com/package/lit-player-youtube GITHUB https://github.com/LeonardoLAraujo/lit-player-youtube Licença MIT © Leonardo Leal Araujo

Jun 2, 2025 - 00:20

Lit-Player-Youtube

LitPlayerYoutube é um player de vídeo baseado no YouTube, criado com Lit, que utiliza a API oficial do YouTube para controlar a reprodução.

Leve, customizável e fácil de usar, pode ser usado como um Web Component puro ou integrado via React com o wrapper oficial.

Índice

Requisitos
Instalação
Uso
Importação
Usando com Lit
Usando com React
Controlando Dimensões
Exemplo
Contribuição
Licença

Requisitos

Node.js >= 14.x
Navegador moderno com suporte a Web Components

Instalação

npm install lit-player-youtube

Uso

Para usar o componente, importe-o e coloque a tag no seu projeto. Não é necessário instanciar classes ou chamar métodos diretamente.

Importação

LIT

import { LitPlayerYoutube } from "lit-player-youtube";

REACT

import { LitPlayerYoutubeReact } from "lit-player-youtube";

Usando com Lit

Exemplo controlando largura e altura:

 style="width: 600px; height: 350px;">
   video="https://www.youtube.com/watch?v=tPBbeszlIXw">

Usando com React

Exemplo controlando largura e altura:

import React from "react";
import { LitPlayerYoutubeReact } from "lit-player-youtube";

function App() {
  return (
    <div style={{ width: "600px", height: "350px" }}>
      <LitPlayerYoutubeReact video="https://www.youtube.com/watch?v=tPBbeszlIXw" />
    </div>
  );
}

export default App;

Controlando Dimensões

Você pode controlar o tamanho do player envolvendo o componente em um container com dimensões específicas. O componente se adapta para usar 100% da largura e altura do container.

O componente também é responsivo.

Exemplo

Contribuição

Contribuições são muito bem-vindas! Para contribuir, siga estes passos:

Faça um fork deste repositório.
Crie uma branch para sua feature (git checkout -b feature/nova-feature).
Faça commit das suas alterações (git commit -m 'Adiciona nova feature').
Faça push para a branch (git push origin feature/nova-feature).
Abra um Pull Request.

NPM
https://www.npmjs.com/package/lit-player-youtube

GITHUB
https://github.com/LeonardoLAraujo/lit-player-youtube