비디오 플레이어 구성 요소

반응형 비디오 플레이어 컴포넌트(다크 모드 포함)

미리 보기

HTML 코드

<div class="aspect-w-16 aspect-h-9 bg-gray-900 dark:bg-gray-800 rounded-lg overflow-hidden">
  <video controls class="w-full h-full object-cover">
    <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
    Your browser does not support the video tag.
  </video>
</div>

관련 구성 요소

비디오 플레이어

마이크로 인터랙션, 보색 구성표, 중간 정도의 복잡성 및 반응형 디자인을 갖춘 비디오 플레이어 구성 요소(포트폴리오 사용을 위한 어두운 테마 지원).

열다

부동산 비디오 플레이어 구성 요소

부동산 플랫폼을 위한 복잡하고 반응이 빠른 비디오 플레이어 구성 요소로, 숲/녹색 색상 팔레트와 함께 머티리얼 디자인 미학을 특징으로 합니다. 비디오 컨트롤, 속성 세부 정보 및 재생 목록이 포함되며 완전한 다크 모드가 지원됩니다.

열다

3D 단색 비디오 플레이어

3D 디자인 요소와 단색 색 구성표가 있는 반응형 비디오 플레이어 구성 요소로, 대시보드에 적합합니다.

열다