비디오 플레이어 구성 요소

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

미리 보기

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>

관련 구성 요소

비디오 플레이어 구성 요소

Tailwind CSS를 사용하여 Neumorphism 스타일로 설계된 반응형 비디오 플레이어 구성 요소입니다. 부드러운 UI 모양을 제공하기 위해 미묘한 그림자가 있는 어두운 모드를 지원합니다.

열다

비디오 플레이어 구성 요소

Tailwind CSS로 스타일링된 반응형 동영상 플레이어 구성 요소는 마이크로 인터랙션 및 어두운 테마 지원에 중점을 둡니다.

열다

Neon_Glow_Video_Player

비즈니스/기업 웹사이트를 위한 간단하고 반응이 빠른 비디오 플레이어 구성 요소로, 네온/글로우 효과와 따뜻한 일몰 색 구성표를 특징으로 합니다. 다크 모드 지원이 포함됩니다.

열다