비디오 플레이어 구성 요소

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

미리 보기

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를 사용하여 머티리얼 디자인 스타일, 반응형 효과 및 어두운 테마를 지원하는 비디오 플레이어 구성 요소입니다.

열다

비디오 플레이어 구성 요소

머티리얼 디자인 원칙을 사용하여 설계된 간단한 동영상 플레이어 구성 요소로, 반응형 레이아웃과 어두운 테마를 지원합니다.

열다